TEXTURES COSA SONO e a COSA SERVONO (GUIDA DEFINITIVA di THREE.JS)
In questo video scoprirai che cos'è una texture e come utilizzarle in three.js. Imparerai che ci sono molti tipi diversi di texture, ognuna con uno scopo ben preciso e che ci aiutano ad ottenere effetti realistici nelle nostre scene 3D. Vedremo infatti la color map, l'alpha map, la normal map, la displacement map, l'ambient occlusion map, la metalness map, la roughness map e la specular map. Imparerai quindi a caricare le texture in three.js, con js nativo e anche con il TextureLoader, e ad applicarle ai materiali dei tuoi oggetti. *Capitoli* 00:00 Intro 00:35 Cos'è una texture 00:59 Perché usare una texture? 01:57 Diversi tipi di texture 02:38 Color Map 05:46 Alpha Map 09:13 Normal Map 15:14 Displacement Map 19:27 Ambient Occlusion Map 25:58 Metalness Map, Roughness Map, Specular Map 27:19 Caricare una texture in three.js 32:43 TextureLoader 34:57 LoadingManager 38:52 Applicare le texture al materiale 41:14 Conclusioni ? *video successivo:* ... ? *video precedente:* https://youtu.be/YjCaz3sXSdQ Codice completo: https://github.com/rock-biter/three-texture Medium: https://medium.com/@gianluca.lomarco/three-js-textures-part-1-2c0204265a7d *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:* https://github.com/rock-biter *LinkedIn:* https://www.linkedin.com/in/gianluca-lomarco-2a496b5b/ *Medium:* https://medium.com/@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
In questo video scoprirai che cos'è una texture e come utilizzarle in three.js. Imparerai che ci sono molti tipi diversi di texture, ognuna con uno scopo ben preciso e che ci aiutano ad ottenere effetti realistici nelle nostre scene 3D. Vedremo infatti la color map, l'alpha map, la normal map, la displacement map, l'ambient occlusion map, la metalness map, la roughness map e la specular map. Imparerai quindi a caricare le texture in three.js, con js nativo e anche con il TextureLoader, e ad applicarle ai materiali dei tuoi oggetti. *Capitoli* 00:00 Intro 00:35 Cos'è una texture 00:59 Perché usare una texture? 01:57 Diversi tipi di texture 02:38 Color Map 05:46 Alpha Map 09:13 Normal Map 15:14 Displacement Map 19:27 Ambient Occlusion Map 25:58 Metalness Map, Roughness Map, Specular Map 27:19 Caricare una texture in three.js 32:43 TextureLoader 34:57 LoadingManager 38:52 Applicare le texture al materiale 41:14 Conclusioni ? *video successivo:* ... ? *video precedente:* https://youtu.be/YjCaz3sXSdQ Codice completo: https://github.com/rock-biter/three-texture Medium: https://medium.com/@gianluca.lomarco/three-js-textures-part-1-2c0204265a7d *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:* https://github.com/rock-biter *LinkedIn:* https://www.linkedin.com/in/gianluca-lomarco-2a496b5b/ *Medium:* https://medium.com/@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