¿Cómo crear una moneda a partir de dos imágenes de la moneda usando three.js CylinderGeometry.?

StackOverflow https://stackoverflow.com/questions/9335693

  •  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

¿Fue útil?

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 .

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top