SCENA BASE e PRIMO RENDER di un cubo che gira (GUIDA DEFINITIVA di THREE.JS)

Опубликовано: 22 Август 2026
на канале: Gianluca Lomarco - Creative Developer

4,408

179

Muoviamo i primi passi con three.js creando la prima scena base mostrando un cubo che ruota su se stesso all'interno della pagina web. In questo video mostro cosa ci serve per creare una scena, la camera, il renderer e come fare una prima animazione da renderizzare nella pagina web.

🎥 Video precedente:    • SVILUPPARE IN 3D sul web - DI COSA SI TRAT...
🎥 Video successivo:    • MUOVERE , RUOTARE e SCALARE gli oggetti co...

Capitoli
00:00 Intro
00:22 Creazione progetto Vite
02:20 Cosa ci serve
02:58 Scene
03:22 Box
07:14 Camera
10:38 Renderer
11:59 Primo Render
13:19 Coordinates system
15:53 Animaton loop
18:43 conclusioni

Codice completo:
https://github.com/rock-biter/three-v...

Medium:
  / three-js-vite-basic-scene

SOSTIENIMI 💶
tipeee: https://it.tipeee.com/gianluca-lomarco/
aiutami a creare contenuti con costanza e di qualità

LINK UTILI 🔗
website: https://gianluca-lomarco.web.app/
GitHub profile: https://github.com/rock-biter
LinkedIn:   / gianluca-lomarco-2a496b5b
Medium:   / gianluca.lomarco

Attrezzatura
Webcam smart, Ista360: https://amzn.to/3DwCkwo
Stream deck: https://amzn.to/3QitpX1
Elgato Key Light Mini: https://amzn.to/3QhofdW
Elgato mount: https://amzn.to/3rG3gqM
Monitor UWQHD: https://amzn.to/3Ox5dyW

📖 three.js documentation:
https://threejs.org/docs/index.html#m...

Scene
https://threejs.org/docs/index.html?q...

Box geometry
https://threejs.org/docs/index.html?q...

Basic material
https://threejs.org/docs/index.html?q...

Mesh
https://threejs.org/docs/index.html?q...

Renderer
https://threejs.org/docs/index.html?q...