Como criar uma moeda a partir de duas imagens da moeda usando three.js CylinderGeometry.?
-
27-10-2019 - |
Pergunta
Olá, obrigado antecipadamente por qualquer ajuda.Tenho duas imagens de uma moeda, dizer a cabeça e a cauda de alguma moeda.Quero criar moedas 3D a partir dele usando three.js.Tentei muito, mas não consegui chegar ao formato real de uma moeda.Meu código está seguindo.
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, ajude como posso adicionar uma segunda imagem para que seja mostrada como uma moeda 3D real.
Atenciosamente
Solução
Não sou especialista em three.js, mas presumo que seja o mesmo que em outros engines.
Você deve criar uma textura contendo a parte superior, a borda e a parte inferior da moeda.Então você tem que mapear a textura em triângulos de seu cilindro.Portanto, você deve criar seu próprio cilindro e mapeamentos.Você pode encontrar detalhes na pergunta Texturizando um cilindro em Three.js .