使用原生的threejs ，实现热力图，热力图模型和其他模型不在一个图层

不知道 你出来的是啥效果哈

使用ShaderMaterial的时候， tepthTest = true 的同时，还需要在着色器中包含两行代码才可以让 depthTest = true生效。
顶点着色器添加这两行代码。

片元着色器添加这两行代码

我对着色器不太懂，我把代码贴出来，可以帮忙看一下咋加吗

const creatShaderMaterial = (texture) => {
  return new THREE.ShaderMaterial ({
    vertexShader: `
      varying vec2 vUv;
      void main() {
        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
        vUv = uv;
      }
    `,
    fragmentShader: `
    uniform sampler2D heightMap;
        uniform float uOpacity;
        varying vec2 vUv;
        void main() {
            gl_FragColor = vec4(texture2D(heightMap, vUv.xy).rgb, uOpacity);
    }
    `,
    uniforms: {
      uOpacity: { value: 0.9 },
      heightMap: { value: texture },
    },

    polygonOffsetUnits: 1,
    polygonOffsetFactor: 1,
    polygonOffset: true,
    
    depthWrite: true,
    depthTest: true,
    transparent: true,
    side: THREE.DoubleSide,

  });
};

透明和透明叠一起会有问题