Partager à toutes et tous (enfin ceux que ça intéresse) ce que je note sur le net

Aller au contenu | Aller au menu | Aller à la recherche

jesuisundev - Comprendre la 3D en Javascript (ThreeJS) en 5 minutes

Il faut comprendre « Comprendre » comme, « comment se lancer en 5 minutes » avec juste votre browser préféré.

Pour le reste, les objets, etc, aller voir la doc, rien qu'en changeant le THREE.CylinderGeometry en autre chose dans la doc, dans la partie "Geometries", cf plus bas.

Comprendre la 3D en Javascript (ThreeJS) en 5 minutes

jesuisundev.com comprendre-threejs.jpg
jesuisundev.com

Vous pouvez jouer avec le codePen là: CodePen Home ThreeJS Hello World par jesuisundev

Genre changer les ligne 5-6 de

const geometry = new THREE.CylinderGeometry(5, 5, 20, 32)
const material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true })

en

const geometry = new THREE.DodecahedronGeometry(10, 0)
const material = new THREE.MeshNormalMaterial()

et hop, on change de forme et de couleurs

Ajouter un commentaire

Les commentaires peuvent être formatés en utilisant une syntaxe wiki simplifiée.

La discussion continue ailleurs

URL de rétrolien : https://www.arfy.fr/dotclear/index.php?trackback/13719

Fil des commentaires de ce billet