MeshStandardMaterial：调参数能到"真实"
但你要的效果（工业专属）内置材质做不了：
  ① 扫描脉冲（光带沿设备表面扫过）
  ② 能量流（流动的光线沿管道走）
  ③ 数据可视化专属形态（半透明能量柱、波面）

顶点着色器（Vertex Shader）：
  每个顶点跑一次
  职责：决定顶点在哪（处理 position/矩阵变换）
  输出：varying（传给片元着色器的中间量）

片元着色器（Fragment Shader）：
  每个像素跑一次（几十万次/帧！）
  职责：决定这个像素什么颜色（最终输出的 gl_FragColor）

顶点着色器 = 布置画布上的"锚点"（每个顶点一个位置）
片元着色器 = 给锚点之间的"每一小块颜色"上色（每像素一次）

// 1. 数据类型
float a = 1.0;        // 浮点（注意：必须有小数点！）
vec2 p = vec2(0.0, 1.0);    // 2 维向量
vec3 color = vec3(0.0, 0.8, 1.0);  // 3 维向量（RGB）
vec4 rgba = vec4(1.0, 0.0, 0.0, 0.5);  // 4 维（RGBA）

// 2. 分量访问（xyz / rgb 两套名字）
color.rgb   // 相当于 color.xyz
color.x     // 第一个分量

// 3. 内置数学函数
sin(uTime)              // 正弦（周期动画的万能工具）
mix(a, b, t)            // 线性插值：a 与 b 之间按 t 混合
smoothstep(a, b, x)     // 平滑阶跃：0~1 平滑过渡（做光带）
clamp(x, 0.0, 1.0)      // 夹取范围

import * as THREE from "three";

// ShaderMaterial：用字符串写 GLSL，替代内置材质
const material = new THREE.ShaderMaterial({
  uniforms: {
    uTime: { value: 0 },        // 时间（循环里更新）
    uColor: { value: new THREE.Color(0x00c6ff) },  // 主色
  },
  vertexShader: `...`,    // 顶点着色器（GLSL 字符串）
  fragmentShader: `...`,  // 片元着色器（GLSL 字符串）
  transparent: true,      // 按需
});

// 循环里：每帧更新 uniform（Day 100 时间纪律的着色器版）
material.uniforms.uTime.value = clock.getElapsedTime();   // 时间推进动画

// src/core/three/create-glow-plane.ts
import * as THREE from "three";

/**
 * 自定义着色器材质：工业发光平面（可做地面/墙面光带）
 * - 用 sin(uTime) 做"呼吸"强度变化
 * - 用 mix 混合主色与暗色
 * 这是 ShaderMaterial 的最小可运行示例
 */
export function createGlowPlane(): THREE.Mesh {
  const material = new THREE.ShaderMaterial({
    uniforms: {
      uTime: { value: 0 },
      uColor: { value: new THREE.Color(0x00c6ff) },
    },
    transparent: true,
    depthWrite: false,

    // —— 顶点着色器：形状不动，原样输出 ——
    vertexShader: `
      void main() {
        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
      }
    `,

    // —— 片元着色器：每个像素算颜色（今天是主角）——
    fragmentShader: `
      uniform float uTime;
      uniform vec3 uColor;
      void main() {
        // 呼吸：0.3 ~ 1.0 之间往复（sin 周期）
        float pulse = 0.35 + 0.65 * (0.5 + 0.5 * sin(uTime * 2.0));
        // 输出：主色 × 呼吸强度，半透明
        gl_FragColor = vec4(uColor * pulse, 0.4);
      }
    `,
  });

  const mesh = new THREE.Mesh(new THREE.PlaneGeometry(6, 6), material);
  mesh.rotation.x = -Math.PI / 2;   // 躺平当"发光地面"
  mesh.position.y = 0.01;
  return mesh;
}

// 循环里更新：
// const glow = createGlowPlane(); scene.add(glow);
// 每帧：glow.material.uniforms.uTime.value = clock.getElapsedTime();