I am trying to create a dices using threejs and cannon-es. The dices are of 3 different shapes - cube, tetrahedron and octahedron. What I want to do is to add numbers to the different sides of the dice and later see which number landed on the top. How can I do both these things? I have used MeshPhon…

Modified: https://codepen.io/prisoner849/pen/qBwRdQm Used MeshLambertMaterial instead of MeshBasicMaterial. One cube’s side has four vertices, so you need to provide four pairs of UV data per side. The dice of mine:

How to put numbers to the sides of a cube and later get which number landed on top

Questions

hofk March 15, 2024, 7:04pm 2

This might help you.

From the Collection of examples from discourse.threejs.org

OctahedronMultipleTexture
ColorIndividualFaces
MorphBoxSphere
NumberedIcosahedron
HighlightCubeFaceOnHover
DodecahedronCanvasTexture

Topic		Replies	Views
How to know which side of the cube is currently the front side Questions textures , materials , geometry , camera	5	2333	December 20, 2021
How to create a cannonjs body with the exact size and orientation of a threejs shape Questions animation	2	140	March 11, 2024
How to make a twisted cube Questions geometry	6	814	February 23, 2023
How to make a rounded-edge and rounded-corner cube by BufferGeometry with split vertices Questions textures , buffergeometry	3	5307	April 5, 2022
Three.js and cannon.js are different in width property of object Questions cannon	3	769	February 9, 2023

How to put numbers to the sides of a cube and later get which number landed on top

Related Topics