旋转时剪切网格

Question

我在 three.js 中制作了一个由一些网格组成的模型，但是当我使用 OrbitControls 移动我的相机时，我的一些网格似乎被剪辑了。这是我的渲染：

通过网上搜索，我找到了一些解决方案，提到将材料的depthWrite设置为false。在这种情况下，我的所有元素都会显示，但 3D 已损坏（正常，因为此功能似乎主要用于覆盖 2D 渲染中的元素）。禁用depthWrite 的渲染：

这是我遇到的问题的一个最小示例： https://codepen.io/theogiraudet/pen/WNZKPXx?editors=0110

感谢您的帮助！

Answer 1

在createElement 函数中，对材质使用此设置：

  const material = new THREE.MeshBasicMaterial({
    map: createTexture(url),
    alphaTest: 0.5
  });