着色器声明一个变量

着色器声明一个变量

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

本文是WebGL教程(电子书)的2.1节内容

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  = '学而不思则罔';//声明一个数据类型为字符串的变量