使用 Three.js 实现**透明渐变管道着色器**，具体要求：

【核心特效】
- 管道几何体从下往上透明度渐变
- 动态缩放动画效果
- 自定义 ShaderMaterial 实现渐变透明度

【场景与光照】
- 蓝色系主题配色 (#409eff)
- OrbitControls 轨道控制器
- 无额外光照，材质自发光

【交互与控制】
- OrbitControls 鼠标拖拽旋转
- 鼠标滚轮缩放
- 自动播放动画

【技术要求】
- Three.js 版本 (ES Module)
- 自定义顶点着色器传递世界坐标
- 自定义片元着色器计算渐变透明度

const curve = new THREE.LineCurve3(new THREE.Vector3(), new THREE.Vector3().setY(3));
const geometry = new THREE.TubeGeometry(curve, 20, 5, 300, false);
geometry.computeBoundingBox();
const { max, min } = geometry.boundingBox;

// 顶点着色器
varying vec4 vPosition;
void main() {
  vPosition = modelMatrix * vec4(position, 1.0);
  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
}

// 片元着色器
uniform vec3 uMax;
uniform vec3 uMin;
uniform mat4 modelMatrix;
varying vec4 vPosition;

void main() {
  vec4 uMax_world = modelMatrix * vec4(uMax, 1.0);
  vec4 uMin_world = modelMatrix * vec4(uMin, 1.0);
  float opacity = 1.0 - (vPosition.y - uMin_world.y) / (uMax_world.y - uMin_world.y);
  gl_FragColor = vec4(uColor, opacity);
}

let time = 0;
function animate() {
  if (time >= 1) time = 0;
  else {
    time += 0.01;
    mesh.scale.set(time, 1, time);
  }
  requestAnimationFrame(animate);
  controls.update();
  renderer.render(scene, camera);
}