使用 Three.js 实现视频着色器混合特效，具体要求：

**核心特效**
- 视频纹理实时播放
- 迷彩图案叠加混合
- 10种混合运算模式
- 动态参数控制

**场景与光照**
- AmbientLight 环境光
- Phong 材质基础
- 立方体几何

**交互与控制**
- GUI 切换混合类型
- OrbitControls 旋转

**技术要求**
- Three.js 版本 (ES Module)
- VideoTexture 视频纹理
- ShaderMaterial 混合
- Phong 材质改造

const video = document.createElement("video");
video.crossOrigin = "anonymous";
video.src = "http://vjs.zencdn.net/v/oceans.mp4";
video.loop = true;
video.muted = true;
video.play();
const texture = await new Promise(
    (r) => (video.onloadeddata = () => r(new THREE.VideoTexture(video)))
);

vec2 p = gl_FragCoord.xy / r / 2.0;
p -= 0.5;
p.x *= r.x / r.y;
z += 0.07;
l = length(p);
uv += p / l * (sin(z) + 1.) * abs(sin(l * 9. - z - z));
c[i] = 0.01 / length(mod(uv, 1.) - 0.5);

if (calcType == 0.0) mixedColor = max(color, c);
else if (calcType == 1.0) mixedColor = min(color, c);
else if (calcType == 2.0) mixedColor = mix(color, c, 0.5);
else if (calcType == 3.0) mixedColor = mod(color, c);
else if (calcType == 4.0) mixedColor = pow(color, c);
else if (calcType == 9.0) mixedColor = color + c - vec3(1.0) * c * color;