Learn Three.Js and Shaders from scrat...

Description

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

Files (145)

[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20. 20 - 3d models.mp4770.35 MiB
TutsNode.org.txt63 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1.2 Startup.zip487.43 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18.1 Last Code.zip169.25 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/7. 7 - Texturing With Shaders.srt5.95 KiB
[TGx]Downloaded from torrentgalaxy.to .txt585 B
.pad/0607 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/8. 8 - Post Processing.mp4374.19 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20.2 Startup.zip452.41 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/7.1 Startup.zip233.25 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7.2 Last Code.zip140.86 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19.1 Last Code.zip1.71 KiB
.pad/1288 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/14. 14 - Materials.mp4372.34 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1.1 Last Code.zip423.21 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18.2 Startup.zip168.88 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20. 20 - 3d models.srt68.82 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/9. 9 - Responsive.srt12.62 KiB
.pad/21.64 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1. Changing the Mesh into particles in an animated way.mp4279.79 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5.1 Last Code.zip152.13 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/3. 3 - Hello Cube.srt51.96 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3. 3 - Attributes.srt12.48 KiB
.pad/31.74 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16. 16 - Lights.mp4220.52 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5.2 Startup.zip151.27 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/6.1 Last Code.zip150.58 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4.1 Last Code.zip150.12 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/14. 14 - Materials.srt37.76 KiB
.pad/4329 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2. 2 - What is Vertex Shader and Fragment Shader.mp4210.35 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/3.1 Last Code.zip149.94 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4.2 Startup.zip149.93 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4.1 Last Code.zip146.39 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3.1 Last Code.zip146.35 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2. 2 - What is Vertex Shader and Fragment Shader.srt48.86 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18. 18 - Particles.srt21.6 KiB
.pad/53.38 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/3. 3 - Hello Cube.mp4198.84 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/6.1 Startup.zip146.17 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19. 19 - Raycaster.srt19.59 KiB
.pad/625 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4. 4 - Transformation.mp4198.28 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/5.1 Startup.zip146.09 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2.1 Last Code.zip146.03 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4.2 Startup.zip146.02 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3.2 Startup.zip146.01 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/17.1 Last Code.zip145.92 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/6. 6 - Noises.srt7.65 KiB
.pad/7840 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19. 19 - Raycaster.mp4184.87 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7.1 Functions.zip108.9 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8. 8 - LookAt.srt19.89 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/1. 1 - Hello To Your Course.srt5 KiB
.pad/8297 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12. 12 - Geometries.mp4182.08 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16.1 Last Code.zip145.88 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/17.2 Startup.zip145.54 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15.1 Last Code.zip145.41 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/19.2 Startup.zip145.41 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16.2 Startup.zip145.21 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8.1 Last Code.zip145.13 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7. 7 - Power Of Mathmatics And Gsap.srt41.24 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/13. 13 - Textures.srt19.76 KiB
.pad/93.87 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/18. 18 - Particles.mp4173.53 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12.1 Last Code.zip145.1 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11.1 Last Code.zip144.99 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10.1 Last Code.zip144.93 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/3. Projects/1. Changing the Mesh into particles in an animated way.srt38.45 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10. 10 - Cameras.srt10.08 KiB
.pad/1086 B
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8. 8 - LookAt.mp4169.39 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/8.2 Startup.zip144.91 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12.2 Startup.zip144.9 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/2.2 Startup.zip144.89 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/1.1 Startup.zip144.88 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/4. 4 - Transformation.srt35.75 KiB
.pad/118.61 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7. 7 - Power Of Mathmatics And Gsap.mp4148.95 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/5. 5 - Built-in functions.srt34.72 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4. 4 - Uniforms.srt12.11 KiB
.pad/121.35 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/13. 13 - Textures.mp4147.79 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/9.1 Last Code.zip144.84 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/16. 16 - Lights.srt30.57 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/12. 12 - Geometries.srt29.69 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11. 11 - OrbitControl.srt11.36 KiB
.pad/132.51 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5. 5 - Animation.mp4123.5 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10.2 Startup.zip144.84 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11.2 Startup.zip144.82 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15.2 Startup.zip144.69 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/5. 5 - Animation.srt26.08 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/8. 8 - Post Processing.srt25.45 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/6. 6 - Webpack.srt17.62 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15. 15 - Debugging.srt10.99 KiB
.pad/142.58 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/5. 5 - Built-in functions.mp4121.16 MiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/9.2 Startup.zip144.67 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/6.2 Startup.zip144.24 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/7.3 Startup.zip140.45 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/17. 17 - Shadow.srt14.47 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/1. 1 - Introduction to shaders.srt10.59 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/2. 2 - What is WebGL and ThreeJs.srt9.75 KiB
.pad/15400.9 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/17. 17 - Shadow.mp4105.06 MiB
.pad/16957.65 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/3. 3 - Attributes.mp4101.49 MiB
.pad/17517.57 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/4. 4 - Uniforms.mp492.82 MiB
.pad/18186.99 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/6. 6 - Noises.mp490.99 MiB
.pad/199.44 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/15. 15 - Debugging.mp489.99 MiB
.pad/206.28 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/11. 11 - OrbitControl.mp486.47 MiB
.pad/21538.29 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/10. 10 - Cameras.mp482.84 MiB
.pad/22167.21 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/9. 9 - Responsive.mp465.2 MiB
.pad/23817.15 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/6. 6 - Webpack.mp459.88 MiB
.pad/24126.39 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/1. 1 - Hello To Your Course.mp452.79 MiB
.pad/25216.06 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/7. 7 - Texturing With Shaders.mp450.88 MiB
.pad/26123.48 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/1. 1 - Introduction to shaders.mp441.11 MiB
.pad/27906.3 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/2. 2 - What is WebGL and ThreeJs.mp428.34 MiB
.pad/28672.55 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/14.1 Last Code.zip22.97 MiB
.pad/2928.08 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/14.2 Startup.zip22.97 MiB
.pad/3028.7 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/20.1 Last Code.zip6.74 MiB
.pad/31266.56 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/13.1 Last Code.zip4.34 MiB
.pad/32676.65 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/1. Introduction to Three.JS/13.2 Startup.zip4.34 MiB
.pad/33676.82 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/8.1 Last Code.zip3.15 MiB
.pad/34870.44 KiB
[TutsNode.org] - Learn Three.Js and Shaders from scratch/2. Shaders/8.2 startup.zip3.14 MiB

Learn Three.Js and Shaders from scratch

Continue browsing

Description

Files (145)