使用 Three.js 实现溶解效果，具体要求：

【核心特效】
- 基于纹理的溶解裁剪
- 渐变颜色映射
- 动态裁剪阈值

【场景与光照】
- 纯黑色背景
- 自发光边缘效果
- 纹理映射

【交互与控制】
- OrbitControls 视角控制
- GUI 参数调节面板（裁剪阈值）

【技术要求】
- Three.js 最新版本
- lil-gui 控制面板
- 纹理加载器

uniform sampler2D uDissloveTex;
uniform float uClip;

void main() {
  vec4 DissloveTex = texture2D(uDissloveTex, vUv);
  
  if((DissloveTex.r - uClip) < 0.) {
    discard;
  }
}

vec4 map(in vec4 value, in vec4 inMin, in vec4 inMax, in vec4 outMin, in vec4 outMax) {
  return outMin + (outMax - outMin) * (value - inMin) / (inMax - inMin);
}

float dissloveValue = clamp(customSmoothstep(uClip, uClip+.1, DissloveTex.r), 0., 1.);
vec4 RamTex = texture2D(uRamTex, vec2(dissloveValue));
vec4 diffuse = texture2D(uDiffuseTex, vUv);

vec3 color = vec3(clamp(diffuse.rgb + RamTex.rgb, 0., 1.));

const textureLoader = new THREE.TextureLoader();
const dissolveTex = textureLoader.load("/threeExamples/shader/dissolve/dissolveTex.png");
dissolveTex.colorSpace = THREE.SRGBColorSpace;