使用 Three.js 实现魔法符文效果着色器，圆形/星形/复杂图案三层符文叠加，符文激活波动效果，能量流动和脉冲效果，粒子漂浮装饰。

float runePattern(vec2 uv, float complexity) {
  float pattern = 0.0;

  // 圆形符文
  float circle1 = 1.0 - distance(uv, vec2(0.5, 0.5)) * 2.0;
  pattern += circle1 * 0.5;

  // 星形符文
  float star = sin(atan(uv.y - 0.5, uv.x - 0.5) * 8.0) * 0.3 + 0.7;
  pattern += star * 0.3;

  // 复杂图案
  float complex = sin(uv.x * complexity * 12.0) *
                 cos(uv.y * complexity * 12.0);
  pattern += complex * 0.2;

  return pattern;
}

float rune(vec2 uv, float power) {
  float runeField = 0.0;
  runeField += sin(uv.x * 6.0 + uTime * 0.3) * cos(uv.y * 8.0 + uTime * 0.5);
  runeField += sin(uv.x * 8.0 + uTime * 0.7) * cos(uv.y * 10.0 + uTime * 0.9) * 0.7;
  runeField += sin(uv.x * 10.0 + uTime * 1.1) * cos(uv.y * 12.0 + uTime * 1.3) * 0.4;
  return runeField * power;
}

float particles(vec2 uv, float density) {
  if(!uShowParticles) return 0.0;
  float particleField = 0.0;
  for(int i = 0; i < 20; i++) {
    vec2 particlePos = vec2(
      noise(vec2(float(i) * 0.123, 0.456)),
      noise(vec2(float(i) * 0.456, 0.789))
    );
    float dist = distance(uv, particlePos);
    float particleLife = mod(uTime * 2.0 + float(i) * 6.0, 6.28);
    float particleIntensity = sin(particleLife) * 0.8 + 0.2;
    particleField += exp(-dist * 50.0) * particleIntensity * density;
  }
  return particleField;
}

float energyFlow(vec2 uv, float flow) {
  float energy = 0.0;
  energy += sin(uv.x * 8.0 + uTime * flow * 3.0) *
           cos(uv.y * 8.0 + uTime * flow * 2.5);
  energy += sin(uTime * flow * 4.0) * 0.3;
  return energy * 0.4;
}

uniform float uRunePower;
uniform float uActivationSpeed;
uniform float uPatternComplexity;

void main() {
  float activation = sin(position.x * 4.0 + uTime * uActivationSpeed) *
                    cos(position.y * 5.0 + uTime * uActivationSpeed * 0.8) *
                    sin(position.z * 4.0 + uTime * uActivationSpeed * 0.6);
  float pattern = sin(position.x * uPatternComplexity * 8.0) *
                 cos(position.y * uPatternComplexity * 10.0) *
                 sin(position.z * uPatternComplexity * 8.0);
  float energy = sin(position.x * 6.0 + uTime * uActivationSpeed * 2.0) *
                cos(position.z * 6.0 + uTime * uActivationSpeed * 2.0);
  vec3 newPosition = position + normal * (activation + pattern * 0.3 + energy * 0.2) * uRunePower * 0.1;
  gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);
}

vec3 getRuneType(int type) {
  if(type == 0) {
    return vec3(0.8, 0.2, 1.0);  // 紫色符文
  } else if(type == 1) {
    return vec3(0.2, 0.6, 1.0);  // 蓝色符文
  } else {
    return vec3(0.2, 1.0, 0.4);  // 绿色符文
  }
}