Youtor
Threejs Tutorial For Absolute Beginners
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=xJAfLdUgdc4
This tutorial covers the basics of the 3D library Three.js. • --- • 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 • --- • Article • https://waelyasmina.net/articles/thre... • --- • Support the channel • buymeacoffee.com/waelyasmina • --- • WebGL, Shaders, Vertex Shader, Fragment Shader, GLSL ES, and WebGPU In A Nutshell • • WebGL, Shaders, Vertex Shader, Fragme... • --- • 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/
#############################
