javascript - three.js - 无法创建圆柱体

标签 javascript 3d three.js

我正在尝试创建一个圆柱体,但没有成功。 这是我的代码:

geometry02 = new THREE.CylinderGeometry( 20, 100, 100, 1000 );
material02 = new THREE.MeshBasicMaterial({color: 0x0000ff});
cylinder02 = new THREE.Mesh( geometry02, material02 );
cylinder02.position.x = 300;
scene.addObject( cylinder02 );

我是不是忘了添加一些东西?

最佳答案

您刚刚发布的片段没有任何问题。如果我粘贴一个示例,我可以确认它运行正常。

确保:

  1. 没有任何 javascript 错误(检查浏览器的控制台)
  2. 相机指向正确的方向(正如 anshulkatta 提到的,camera.lookAt(yourObject); 是一个很好的方法)
  3. 您的模型的位置/比例具有合适的值/在相机的截锥体/可见区域内

作为旁注,您可能希望将 segmentsRadius 参数 (1000) 减小为较小的值。您可能会得到类似的外观/层次细节,但顶点/面更少。

关于javascript - three.js - 无法创建圆柱体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8292818/

相关文章:

algorithm - 在 3D 二进制矩阵中查找连续单元格组

math - 提取视锥体平面(Gribb 和 Hartmann 方法)

javascript - 错误 : ray. intersectScene 不是函数

three.js - 如何在使用 JSONLoader() 加载的模型上应用 THREE.FlatShading?

javascript - 为什么数组在响应中总是空的?

javascript - head.js:奇怪的负 html 边距?

javascript - 如何从 Threejs 上的坐标创建路径

javascript - 使用 jquery 内联编辑链接 - 防止在编辑时单击它们

javascript - jQuery - 基于作为函数参数传递的对象构建动态 if 语句

javascript - Three.js 中平面上的点