Three.jsシリンダーの例では、トーラスの描画を続ける

Question

基本的なTHREE.jsの例を試して、そこから修正しようとしていますが、変更してもトーラスを出力し続けます。

ドキュメントページの正確なコードをJSFiddleにコピーして、もう一度トーラスを取得しました。ここで

ドキュメントのページの例である： https://threejs.org/docs/#Reference/Geometries/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

あなたが試していない理由は、あなたが呼び出すスクリプト（）が、そのオブジェクトを選択するためにウィンドウのURLのハッシュを見ているということです。 https://threejs.org/docs/scenes/geometry-browser.html#CylinderGeometry に行くと、シリンダーが得られます。 https://threejs.org/docs/scenes/geometry-browser.html に行くと、トーラスがデフォルトになります。

変更がうまくいかない理由で、modifの実行方法（削除した内容、追加した場所）に関する詳細が必要です。

---

（編集）フィドルに、あなたの修正を行った後、行を削除することを忘れないでください

スクリプトは、メッシュを設定しますgeometry.jsで関数を呼び出す

 var options = chooseFromHash(mesh); 

これはURLのハッシュに応じて