如何使用three.js CylinderGeometry从两个硬币图像创建一个硬币。

Question

您好，提前感谢您的帮助。我有一张硬币的两张图片，上面写着一枚硬币的头尾。我想用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硬币。

此致

Answer 1

我不是关于three.js的专家，但我认为它与其他引擎一样。

您必须创建包含硬币顶部，边缘和底部的一个纹理。然后你必须在你的cilinder的三角形上映射纹理。所以你必须创建自己的柱面和映射。您可以在Texturing a Cylinder in Three.js问题中找到详细信息。