Question

我试图获得一个基本的THREE.js示例来从那里开始工作和修改它，但它只是不断输出一个圆环，无论我改变什么。

我已经将文档页面中的确切代码复制到了JSFiddle中，然后我又得到了一个圆环。

以下是文档页面示例： CylinderGeometry

这是带有圆环的jsfiddle：https://jsfiddle.net/ded9grxn/

我尝试将文档页面中的代码添加到示例中，如下所示：

var geometry = new THREE.CylinderGeometry( 5, 5, 20, 32 );
var material = new THREE.MeshPhongMaterial(
{
    color: 0x156289,
    emissive: 0x072534,
    side: THREE.DoubleSide,
    shading: THREE.FlatShading
});

mesh.add(
    new THREE.Mesh(
        geometry,
        material
    )
);

但无济于事。任何帮助表示赞赏！

Answer 1

你操作不起作用的原因是你调用的脚本（https://threejs.org/docs/scenes/js/geometry.js）查看窗口URL中的哈希以选择对象。如果你去 https://threejs.org/docs/scenes/geometry-browser.html#CylinderGeometry 你得到了汽缸。如果你去 https://threejs.org/docs/scenes/geometry-browser.html 你得到了默认值，这是一个圆环。

由于你的修改不起作用的原因，我们需要更多关于你如何执行modif的信息（你删除了什么，你在哪里添加）。

（编辑）在小提琴中，修改后，不要忘记删除行

        var options = chooseFromHash( mesh );

这是你的脚本调用geometry.js中的函数的地方，它将根据URL中的哈希设置网格

Three.js圆柱示例保持绘制圆环

1 个答案: