配置环境 安装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对于每个像素都不同,所以是变化值