three.js CylinderGeometryを使用してコインの2つの画像からコインを作成する方法。

Question

こんにちは、ありがとうございました。私はコインの2つのイメージを持って、コインの頭と尾を言う。 three.jsを使って3Dコインを作りたいと思っています。私はたくさん試しましたが、実際のコインの形には達しませんでした。私のコードは次のとおりです。

mesh = new THREE.Mesh(
    new THREE.CylinderGeometry(20, 20, 0, 20, 1, false), 
    new THREE.MeshBasicMaterial({ map: THREE.ImageUtils.loadTexture('coin1.png'), 
            overdraw: true })); 
scene.add(mesh); 

実際の3Dコインのように2番目の画像を追加するにはどうすればよいですか。

よろしく

Answer 1

私はthree.jsの専門家ではないが、私はそれが他のエンジンのように同じであると仮定します。

コインの上端、下端、下端を含むテクスチャの1つをに作成する必要があります。次に、あなたのシリンダーの三角形にテクスチャをマッピングする必要があります。したがって、独自のシリンダとマッピングを作成する必要があります。詳細はTexturing a Cylinder in Three.jsで見つけることができます。