我试着用基本的长方体几何来渲染这个立方体,但是线条很奇怪而且摇摇晃晃.即使我将WireFrame设置为False并放置一个实心立方体,立方体的边仍然保持这样.

cube

我正在为立方体使用WebGlRender和长方体几何体.

    const renderer = new THREE.WebGLRenderer();
    const scene = new THREE.Scene();

    const camera = new THREE.PerspectiveCamera(
      45,
      window.innerWidth / window.innerHeight,
      0.1,
      1000
    );

    const boxGeo = new THREE.BoxGeometry(2, 2, 2);
    const boxMat = new THREE.MeshBasicMaterial({
      color: 0x00ff00,
      wireframe: true,
    });
    const boxMesh = new THREE.Mesh(boxGeo, boxMat);
    scene.add(boxMesh);

推荐答案

您必须启用Anti-aliasing(参见WebGLRenderer):

const renderer = new THREE.WebGLRenderer({
    antialias: true,
});

Javascript相关问答推荐

序列查找器功能应用默认值而不是读取响应

当promise 在拒绝处理程序被锁定之前被拒绝时,为什么我们会得到未捕获的错误?

对象和数字减法会抵消浏览器js中的数字

确定MutationRecord中removedNodes的索引

我们如何从一个行动中分派行动

如何在文本字段中输入变量?

IF语句的计算结果与实际情况相反

TypeError:无法分解';React2.useContext(...)';的属性';basename';,因为它为空

在css中放置所需 colored颜色 以填充图像的透明区域

当从其他文件创建类实例时,为什么工作线程不工作?

Jexl to LowerCase()和Replace()

JavaScript -复制到剪贴板在Windows计算机上无效

MUI迷你图:如何将$符号添加到MUI迷你图中的工具提示数据

在ChartJS中使用spanGaps时,是否获取空值的坐标?

设置复选框根据选中状态输入选中值

计算对象数组中属性的滚动增量

Played link-Initialize.js永远显示加载符号

使用jQuery每隔几秒钟突出显示列表中的不同单词

如何在函数组件中保留对计时器的引用

检测带有委托的元素内部的点击,以及元素何时按其类名被选中