
Master three.js objects by building a sphere geometry, setting up a canvas and mesh, and adjusting lighting and materials to create a lifelike 3D scene.
Learn to add animations in Three.js with React by resizing the canvas for responsive heights using media queries and a custom hook.
In this module, build a landing page using bootstrap and react-three-fiber to showcase a 3D product, with shadows, point lighting, basic animation, and an imported external object.
Bootstrapping the watch landing page, set up a responsive layout and navigation. Configure the canvas with React to render a Three.js watch scene and load the 3D object from public.
Complete the hero section by styling and increasing height to 500 pixels. Center content with flex and Bootstrap, and create a two-column layout with a canvas for geometry and lighting.
Discover how to start a three.js project with the editor, import models from Sketchfab, set up lights and shadows, add orbit and presentation controls, and build a 3D portfolio.
Hello and welcome to my course of Three JS fundamentals course
My name is Mohammed khan, a full stack developer and I'll be the instructor for this course, in this course you will learn about Three JS with React JS,
right from the basics, you do not need to have any previous knowledge about Three JS. I'll be teaching you everything from scratch and in a very easy way.
Course contents:
Introduction to three JS
Fundamental Concepts of Three JS
Three JS scene essentials
Creating our very first scene using three js
Populating the scene
creating geometries using Three js
Learning about animations
Types of Lights in Three JS
Controlling the website using Orbit controls.
Shadows in three JS
Types of Materials
Textures in Three JS
Animating Scenes using Three JS
Primitive Geometries in Three JS
Particle System in Three JS
Working with external Geometries in Three JS
We will be making projects in THREE JS
Creating a watch landing page on THREE JS
we will be providing all the code along with all the resources which I will be showing you guys in the course videos, along with that you will also be
getting Q&A support and an exclusive students discord channel where the students can chat with other developers and ask me any questions that they want.
So what are you waiting for guys join now and start learning this awesome framework i.e. THREE JS