使用 Three.js 实现【星形与多边形透明渐变着色器】，具体要求：

【核心特效】
- 径向渐变透明效果（中心透明，边缘不透明）
- 五角星几何形状生成
- 随机多边形（4-8边）生成

【场景与光照】
- 渐变色天空背景（黑色到深蓝）
- 无需光源（自发光效果）

【交互与控制】
- OrbitControls 轨道控制器
- GUI 面板调节颜色、亮度、UV缩放

【技术要求】
- Three.js 最新版本
- ShaderMaterial 自定义着色器
- ShapeGeometry 自定义2D形状

void main(){
  vec2 uv = vUv * uvScale;
  float dist = length(uv);                    // 计算到中心的距离
  float alpha = smoothstep(0.0, 1.0, dist);   // 越中心越透明
  gl_FragColor = vec4(color * intensity, alpha);
}

function createStarShape(rOuter, rInner, points){
  const shape = new THREE.Shape();
  const step  = Math.PI * 2 / points;
  for(let i=0;i<points;i++){
    const aO = i * step;
    const aI = aO + step * 0.5;
    const xO = Math.cos(aO) * rOuter;
    const yO = Math.sin(aO) * rOuter;
    const xI = Math.cos(aI) * rInner;
    const yI = Math.sin(aI) * rInner;
    i===0 ? shape.moveTo(xO,yO) : shape.lineTo(xO,yO);
    shape.lineTo(xI,yI);
  }
  shape.closePath();
  return new THREE.ShapeGeometry(shape);
}

const createGradientSky = ()=>{
  const cvs = document.createElement('canvas');
  cvs.width = 512; cvs.height = 512;
  const ctx = cvs.getContext('2d');
  const g   = ctx.createLinearGradient(0,0,0,512);
  g.addColorStop(0,'#000');
  g.addColorStop(1,'#003');
  ctx.fillStyle = g; ctx.fillRect(0,0,512,512);
  return new THREE.CanvasTexture(cvs);
};
scene.background = createGradientSky();