Welcome to my course on ThreeJs and Shaders, where you will learn how to build immersive and creative 3D websites
In this course we will learn all about Three.js and Shaders , we are also going to share some of the project’s secrets soon
The course is in 3 main sections,
the Introduction Section : Where we will learn everything related to this library, starting with how to create a cube inside the scene and then how to animate that cube, how to add lights, shadows, particles and so much more.
the Shaders Section : we will learn shaders from scratch and you will be amazed by the things that you will be able to do when you master shaders, all you have to do is one thing which is be patient while learning
the Projects Section : in this section, we will share some of the project’s secrets
All code is provided in the resources folder where you can find the Startup folder which is the code at the beginning of the lecture, and the Last Code folder which is the written code after we finished the lesson.
If you encounter any questions regarding a particular lesson, I hope that you will ask the question in the questions section I will answer all questions, so don’t be afraid to ask any question
Thanks for participating in my course, and I will see you there.
Ahmad
Who this course is for:
Beginner Web developers who wants to learn about ThreeJs
Front end developers wanting to learn about ThreeJs concepts
Web developers who wants to create immersive and creative 3D websites
Requirements
A device that you can install VSCode or any Code Editor
Basic JavaScript knowledge, you should be familiar with let, const, loops, arrays, functions
And the most two important things are to be patient ( please be patient ), and to have a desire to build 3D Web Applications
Last Updated 8/2023
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
607 B
.pad/1
288 B
.pad/10
86 B
.pad/11
8.6 KB
.pad/12
1.4 KB
.pad/13
2.5 KB
.pad/14
2.6 KB
.pad/2
1.6 KB
.pad/3
1.7 KB
.pad/4
329 B
.pad/5
3.4 KB
.pad/6
25 B
.pad/7
840 B
.pad/8
297 B
.pad/9
3.9 KB
TutsNode.org.txt
63 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/1. 1 - Hello To Your Course.srt
5 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10. 10 - Cameras.srt
10.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10.1 Last Code.zip
144.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10.2 Startup.zip
144.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11. 11 - OrbitControl.srt
11.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11.1 Last Code.zip
145 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11.2 Startup.zip
144.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12. 12 - Geometries.mp4
182.1 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12. 12 - Geometries.srt
29.7 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12.1 Last Code.zip
145.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12.2 Startup.zip
144.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/13. 13 - Textures.mp4
147.8 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/13. 13 - Textures.srt
19.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/14. 14 - Materials.mp4
372.3 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/14. 14 - Materials.srt
37.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15. 15 - Debugging.srt
11 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15.1 Last Code.zip
145.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15.2 Startup.zip
144.7 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16. 16 - Lights.mp4
220.5 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16. 16 - Lights.srt
30.6 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16.1 Last Code.zip
145.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16.2 Startup.zip
145.2 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/17.1 Last Code.zip
145.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/17.2 Startup.zip
145.5 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18. 18 - Particles.mp4
173.5 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18. 18 - Particles.srt
21.6 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18.1 Last Code.zip
169.3 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18.2 Startup.zip
168.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19. 19 - Raycaster.mp4
184.9 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19. 19 - Raycaster.srt
19.6 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19.1 Last Code.zip
1.7 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19.2 Startup.zip
145.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20. 20 - 3d models.mp4
770.4 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20. 20 - 3d models.srt
68.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20.2 Startup.zip
452.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/3. 3 - Hello Cube.mp4
198.8 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/3. 3 - Hello Cube.srt
52 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/3.1 Last Code.zip
149.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4. 4 - Transformation.mp4
198.3 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4. 4 - Transformation.srt
35.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4.1 Last Code.zip
150.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4.2 Startup.zip
149.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5. 5 - Animation.mp4
123.5 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5. 5 - Animation.srt
26.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5.1 Last Code.zip
152.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5.2 Startup.zip
151.3 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/6. 6 - Webpack.srt
17.6 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/6.1 Last Code.zip
150.6 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7. 7 - Power Of Mathmatics And Gsap.mp4
149 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7. 7 - Power Of Mathmatics And Gsap.srt
41.2 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7.1 Functions.zip
108.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7.2 Last Code.zip
140.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8. 8 - LookAt.mp4
169.4 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8. 8 - LookAt.srt
19.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8.1 Last Code.zip
145.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8.2 Startup.zip
144.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/9. 9 - Responsive.srt
12.6 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/9.1 Last Code.zip
144.8 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/1.1 Startup.zip
144.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2. 2 - What is Vertex Shader and Fragment Shader.mp4
210.3 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2. 2 - What is Vertex Shader and Fragment Shader.srt
48.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2.1 Last Code.zip
146 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2.2 Startup.zip
144.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3. 3 - Attributes.srt
12.5 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3.1 Last Code.zip
146.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3.2 Startup.zip
146 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4. 4 - Uniforms.srt
12.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4.1 Last Code.zip
146.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4.2 Startup.zip
146 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/5. 5 - Built-in functions.mp4
121.2 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/5. 5 - Built-in functions.srt
34.7 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/5.1 Startup.zip
146.1 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/6. 6 - Noises.srt
7.7 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/6.1 Startup.zip
146.2 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/7. 7 - Texturing With Shaders.srt
5.9 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/7.1 Startup.zip
233.2 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/8. 8 - Post Processing.mp4
374.2 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/8. 8 - Post Processing.srt
25.4 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1. Changing the Mesh into particles in an animated way.mp4
279.8 MB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1. Changing the Mesh into particles in an animated way.srt
38.5 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1.1 Last Code.zip
423.2 KB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1.2 Startup.zip