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