创建一个热带海洋效果着色器，包含热带海浪、清澈度、阳光透射和热带色彩渐变效果，支持波浪频率和清澈度调节。

float tropicalWaves(vec2 uv, float time) {
    float waves = 0.0;
    
    // 创建多层海浪效果
    for (int i = 0; i < 3; i++) {
        float layer = float(i) * 0.3;
        float frequency = waveFrequency * (1.0 + layer * 0.5);
        float speed = 1.0 + layer * 0.8;
        
        // 海浪波动
        float wave = sin(uv.x * frequency + time * speed) * 
                   cos(uv.y * frequency * 0.7 + time * speed * 0.6);
        
        waves += wave * (1.0 - layer * 0.3);
    }
    
    return waves * 0.5 + 0.5;
}

float clarityEffect(vec2 uv, float clarity) {
    // 创建清澈海水效果
    float clear = sin(uv.x * 25.0 + time * 0.5) * 
                sin(uv.y * 25.0 + time * 0.5) * 0.1;
    
    return clear * clarity;
}

float sunTransmission(vec2 uv, float glow) {
    // 模拟阳光穿透海水
    vec2 sunPos = vec2(0.5, 0.3);
    float dist = distance(uv, sunPos);
    float sunEffect = smoothstep(0.3, 0.0, dist) * glow;
    
    return sunEffect;
}

vec3 tropicalGradient(float depth) {
    // 热带海水颜色渐变
    vec3 shallowColor = vec3(0.0, 0.8, 0.9);   // 浅水蓝绿色
    vec3 midColor = vec3(0.0, 0.5, 0.7);        // 中层蓝色
    vec3 deepColor = vec3(0.0, 0.3, 0.5);       // 深蓝色
    
    if (depth < 0.4) {
        return mix(shallowColor, midColor, depth / 0.4);
    } else {
        return mix(midColor, deepColor, (depth - 0.4) / 0.6);
    }
}

uniforms: {
    time: { value: 0 },
    resolution: { value: new THREE.Vector2(_width, _height) },
    waveFrequency: { value: 8.0 },
    clarity: { value: 0.6 },
    sunGlow: { value: 0.4 },
    oceanColor: { value: new THREE.Color(0x00aaff) }
}