gles基础

配置环境

安装vscode

在vscode的extension中安装下图两个插件-shader language support for VS code 以及glsl-canvas

语法基础

宏定义

#ifdef GL_ES

precision mediump float;

#endif

#ifdef宏定义

mediump定义float类型的精度，还有低精度lowp和高精度highp精度

uniform统一值

变量统一且只读。变量以u开头命名以表明是uniform

通常uniform在不同语言可能有不同名字

在GLES中：

uniform vec2 u_resolution; // 画布尺寸（宽，高） uniform vec2 u_mouse; // 鼠标位置（在屏幕上哪个像素） uniform float u_time; // 时间（加载后的秒数）

在Shadertoy中：

uniform vec3 iResolution; // 视口分辨率（以像素计） uniform vec4 iMouse; // 鼠标坐标 xy： 当前位置, zw： 点击位置 uniform float iTime; // shader 运行时间（以秒计）

Varying变化值

例如gl_FragCoord对于每个像素都不同，所以是变化值