¿Cómo crear una moneda a partir de dos imágenes de la moneda usando three.js CylinderGeometry.?
-
27-10-2019 - |
Pregunta
Hola, gracias de antemano por cualquier ayuda.Tengo dos imágenes de una moneda que dicen la cara y la cola de una moneda.Quiero crear una moneda 3D a partir de ella usando three.js.Intenté mucho, pero no pude llegar a la forma real de una moneda.Mi código está siguiendo.
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);
Por favor, ayúdenme a agregar una segunda imagen para que se muestre como una moneda 3D real.
Saludos
Solución
No soy un experto en three.js, pero supongo que es igual que en otros motores.
Tienes que crear una textura que contenga la parte superior, el borde y la parte inferior de la moneda.Luego tienes que mapear la textura en triángulos de tu cilindro.Entonces tienes que crear tu propio cilindro y mapeos.Puede encontrar detalles en la pregunta Texturing a Cylinder in Three.js .