0.3GLSL 语言核心

vec3 a = vec3(1.0, 0.5, 0.2);   // 逐个给
vec3 b = vec3(0.7);             // 一个值广播到所有分量 → (0.7, 0.7, 0.7)
vec4 c = vec4(a, 1.0);          // 用低维向量拼高维:颜色补 alpha 的标准写法
vec2 d = vec2(c);               // 高维截断成低维(取前两个分量)

vec3 a = vec3(1.0, 2.0, 3.0);
vec3 b = vec3(4.0, 5.0, 6.0);

a + b     // (5.0, 7.0, 9.0)
a * b     // (4.0, 10.0, 18.0) ← 逐分量乘,不是点积!
a * 2.0   // (2.0, 4.0, 6.0)   ← 标量广播

// 真正的几何运算要用内置函数:
dot(a, b)       // 32.0,点积 → 求夹角、算光照的核心
length(a)       // 3.74…,向量长度 → 画圆就靠它
distance(a, b)  // 两点距离 = length(a - b)
normalize(a)    // 化为单位长度 → 只要方向不要大小时用
cross(a, b)     // 叉积(仅 vec3)→ 求垂直向量,3D 光照用

vec4 color = vec4(1.0, 0.5, 0.2, 1.0);

color.rgb    // vec3(1.0, 0.5, 0.2)  取前三个
color.bgr    // vec3(0.2, 0.5, 1.0)  倒序重排 → 红蓝互换一行搞定
color.rrr    // vec3(1.0, 1.0, 1.0)  重复同一分量 → 快速灰度图
color.xy     // vec2(1.0, 0.5)       xyzw 与 rgba 是同一套东西的两组别名

vec2 p = vec2(0.3, 0.8);
p.yx         // vec2(0.8, 0.3)       交换 xy → 画面沿对角线镜像
p = p.yx;    // swizzle 也能出现在赋值左边

uniform vec2  uResolution;  // 画布分辨率(像素)
uniform float uTime;        // 启动以来的秒数 → 一切动画之源
uniform vec2  uMouse;       // 鼠标/触摸位置(像素,y 已翻转为 GL 方向)
uniform sampler2D uTex;     // 输入图像(Phase 2 使用)

// 普通函数:必须写在 main 之前(或先声明原型)
float circleMask(vec2 p, float radius) {
    return step(length(p), radius);
}

// out 参数:一次算出多个结果
void polarCoords(vec2 p, out float r, out float angle) {
    r = length(p);
    angle = atan(p.y, p.x);
}