Learn Three.Js and Shaders from scratch

Learn everything you need to master Three JS and Shaders to build immersive and creative Websites

4.33 (167 reviews)
Udemy
platform
English
language
Web Development
category
Learn Three.Js and Shaders from scratch
1,276
students
9.5 hours
content
Apr 2024
last update
$79.99
regular price

What you will learn

How to install ThreeJs library and import it into your project

Learn the basics of ThreeJs with many demonstrations and example code

Learn about the ThreeJs Scene, Camera and Renderer

Creating our very first scene in ThreeJs

How to move and animate the Objects

Learn about Webpack, NodeJs ,and serving ES6 modules to the browser clients.

We will talk about Gsap Package and how we can use it

How to scale a 3D scene and be responsive due to the display screen

Learn about Geometries such as Box, Sphere, Plane, Torus, TorusKnot and more

Learn about Geometries such as Box, Sphere, Plane, Torus, TorusKnot and more

Learn the secrets in which some projects were made

Learn about the Basic, Normal, Lambert, Phong, Standard, Matcap and other materials

Learn about the Bumpmap and Displacement Maps

Learn Dat GUI panels

Everything related to Lights and Shadows will be covered

We will dive deep into OrbitControls

We also will learn how to create a stunning Scene using Particles

Learn about the model loaders such as the OBJ, GLTF, DRACO, FBX and more

How to use Raycaster and how to use it for mouse picking 3D objects in the scene

Create Custom Animations and Export From Blender

Learn Shaders (GLSL ) to create immersive and creative websites

How to create vertex and fragment shaders in detail

We are also going to talk about GLSL Built in function, Noises and how to import textures into your shade

Post Processing will also be explained

And so much more . . .

Why take this course?

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,

  1. 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.

  2. 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

  3. 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

Screenshots

Learn Three.Js and Shaders from scratch - Screenshot_01Learn Three.Js and Shaders from scratch - Screenshot_02Learn Three.Js and Shaders from scratch - Screenshot_03Learn Three.Js and Shaders from scratch - Screenshot_04

Reviews

Derek
September 17, 2023
So easy to follow along and understand. Everything has been explained thoroughly with great visual demonstrations of concepts.
Nicholas
August 22, 2023
Amazing course! Very straight forward and comprehensive. Definitely learned a lot and will be coming back to review lessons. Thanks for making this course.
Jeroen
August 14, 2023
So far the lessons are extensive and go very in depth. Sometimes even outside the scope of the material to explain the underlying principles.
Fapi
June 22, 2023
This course on Udemy is the most comprehensive and detailed resource available for learning about GLSL and Three.js. I found it extremely helpful in clearing up many of my doubts, which I was struggling to learn by myself. Unlike other Udemy courses that offer only superficial knowledge, this course delves deep into the subject matter providing valuable insights and practical examples. In my opinion, this course offers tremendous value for its price point, especially if you are someone who is interested in mastering Three.js. Highly recommended!
Adam
March 24, 2023
This is an excellent course - the only issue folks are going to run into is that the version of installing three.js has changed, and the instructor may want to update that section.

Charts

Price

Learn Three.Js and Shaders from scratch - Price chart

Rating

Learn Three.Js and Shaders from scratch - Ratings chart

Enrollment distribution

Learn Three.Js and Shaders from scratch - Distribution chart

Related Topics

5178164
udemy ID
2/24/2023
course created date
4/4/2023
course indexed date
Bot
course submited by