Come creare una moneta da due immagini della moneta usando three.js CylinderGeometry.?
-
27-10-2019 - |
Domanda
Ciao, grazie in anticipo per qualsiasi aiuto.Ho due immagini di una moneta, ad esempio la testa e la coda di una moneta.Voglio creare monete 3D da esso usando three.js.Ho provato molto ma non sono riuscito ad ottenere la forma reale di una moneta.Il mio codice sta seguendo.
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);
Aiutaci ad aggiungere una seconda immagine in modo che appaia come una vera moneta 3D.
Saluti
Soluzione
Non sono esperto di three.js, ma presumo che sia lo stesso degli altri motori.
Devi creare una texture contenente la parte superiore, il bordo e la parte inferiore della moneta.Quindi devi mappare la trama sui triangoli del tuo cilindro.Quindi devi creare il tuo cilindro e le tue mappature.Puoi trovare dettagli nella domanda Texturing a Cylinder in Three.js .