Three.js中文网 Three.js中文网
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • 文章
WebGPU教程
  • WebGL教程
  • ES GLSL着色器语言
  • WebGL教程(旧版本)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原官网文档 (opens new window)
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • 文章
WebGPU教程
  • WebGL教程
  • ES GLSL着色器语言
  • WebGL教程(旧版本)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原官网文档 (opens new window)
Web3D系统课程视频
  • 1. 声明一个变量
    • 2. 声明一个常量const
    • 3. 数据类型—基本类型
    • 4. 数据类型-向量
    • 5. 数据类型-矩阵
    • 6. if-else语句和for语句
    • 7. 内置变量
    • 8. attribute、uniform、varying
    • 9. 顶点和片元着色器
    • 10. 取样器sampler2D
    • 11. 内置函数
    • 12. 着色器计算精度precision
    • 13. 函数
    • 14. 结构体
    • 15. discard舍弃片元
    • 16. 数组
    • 17. 预处理
    • ES GLSL着色器语言
    郭隆邦
    2026-05-22
    目录

    1. 声明一个变量

    # 声明一个变量

    下面会对C语言、着色器语言ES GLSL、javascript语言和TypeScript语言声明变量的方式进行简单展示,这样可以更方便不同基础读者类比学习。

    # C语言

    着色器语言ES GLSL和C语言有很多相似之处,如果你有一定的C语言基础,对于学习着色器语言也是有一定的帮助的。

    // C语言声明一个整形变量并赋值10
    int count = 10;
    // 改变变量值,重新赋值
    count=20;
    // 声明一个浮点数
    float num = 10.0
    

    # 着色器语言ES GLSL

    着色器语言ES GLSL和C语言一样属于强类型语言,声明一个变量需要定义变量的数据类型,如果你学习过C语言,可以类比C语言,着色器语言变量的声明基本格式和C语言一致。

    // 着色器语言定义一个整形常量
    int count = 10;
    // 定义一个浮点数变量num,并赋值10.0
    float num = 10.0;
    // 定义一个三维向量vec3
    vec3 direction = vec3(1.0,0.5,0.6);
    // 声明一个数据类型是布尔值的变量,并赋值为true
    bool lightBool = true;
    

    # javascript语言

    脚本语言javascript最早出现的时候,为了开发的方便,声明一个变量不需要定义变量的数据类型。

    javascript声明变量

    // javascript声明一个变量,并赋值100
    var x = 100;
    // 声明一个变量,赋值字符串
    var str = 'webgl'
    

    # TypeScript语言

    如果你接触前端开发比较久了,肯定会对TypeScript有一定的了解,相比较javascript而言,TypeScript语言声明变量的时候,和C语言、着色器语言一样需要声明变量的数据类型。

    TypeScrip声明变量

    let flag:boolean = true;//声明一个数据类型为布尔的变量
    let totalNum: number = 6;//声明一个数据类型为数字的变量
    let lun:string  = '学而不思则罔';//声明一个数据类型为字符串的变量
    
    2. 声明一个常量const

    2. 声明一个常量const→

    Theme by Vdoing | Copyright © 2016-2026 豫ICP备16004767号-2
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式