Three.js Tutorial For Absolute Beginners

Pubblicato il: 03 novembre 2021
sul canale di: Wael Yasmina

530,805

8.2k

This tutorial covers the basics of the 3D library Three.js.
---
Article
https://waelyasmina.net/articles/thre...
---
Support the channel
buymeacoffee.com/waelyasmina
---
Timestamps
00:00 Introduction
00:44 Setting up
04:07 Coordinate system
05:04 The concept of scene and objects in Three.js
05:57 Perspective camera
06:46 Orthographic camera
07:17 The difference between a perspective and an orthographic camera
07:48 Creating a scene and adding the camera
11:46 Orbit controls
12:40 Geometries and materials
19:37 Data entry with dat.gui
23:27 Lights and the difference between them
24:18 AmbientLight
25:25 DirectionalLight
27:00 Shadows
29:21 SpotLight
32:42 Fog
33:41 Changing the background color
33:52 Adding a texture to the scene
36:26 Adding a texture to an object
38:42 Selecting objects from the scene
42:58 Changing the position of objects' vertices
46:13 Adding the vertex shader & fragment shaders
49:27 Importing 3D models
51:50 Making the canvas responsive
52:58 Final Words
---
WebGL, Shaders, Vertex Shader, Fragment Shader, GLSL ES, and WebGPU In A Nutshell
• WebGL, Shaders, Vertex Shader, Fragment Sh...
---
Project files
https://github.com/WaelYasmina/threet...
---
The boilerplate that I'm using in my tutorials
https://github.com/WaelYasmina/ThreeB...
---
Images
https://unsplash.com/photos/ycExgCMRggc
https://unsplash.com/photos/PpgY7sjpf_0
https://unsplash.com/photos/pAyN5zqdqDo
https://unsplash.com/photos/ycExgCMRggc
https://unsplash.com/photos/DLD5LvnFblU
https://unsplash.com/photos/EKpJ4aHiHqg
https://unsplash.com/photos/8-s5QuUBtyM
https://unsplash.com/photos/Q_RBVFFXR_g
https://unsplash.com/photos/rTZW4f02zY8
Vectors
https://www.svgrepo.com/

In questa pagina del sito puoi guardare il video online Three.js Tutorial For Absolute Beginners della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Wael Yasmina 03 novembre 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 530,805 volte e gli è piaciuto 8.2 mille spettatori. Buona visione!

310