如何使用three.js CylinderGeometry从硬币的两个图像创建硬币？答案

【问题标题】：How to create a coin from two images of the coin using three.js CylinderGeometry.?如何使用three.js CylinderGeometry从硬币的两个图像创建硬币？
【发布时间】：2012-02-22 18:42:05
【问题描述】：

您好，提前感谢您的帮助。我有两张硬币的图像，比如硬币的头部和尾部。我想使用 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 硬币。

问候

【问题讨论】：

如果您对答案感到满意（我假设您满意，具体取决于您的评论），请将答案标记为已接受（绿色勾号）。
一个快速提醒 - 点击答案旁边的勾号接受它，让 NightElfik 获得解决您问题的功劳。

标签： three.js

【解决方案1】：

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

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

【讨论】：