Learn Three.js for 3D Computer Graphics
Explore how to develop 3D scenes and apply principles of physics to simulated objects using Three.js in a web browser.
5.0
160 Lessons
20h
Updated 3 months ago
Join 2.8 million developers at
Three.js is a web browser-based JavaScript library and API that creates and displays 3D scenes and animated objects using WebGL.
The course contains four parts. You will start by setting up a basic scene, with a spinning cube. You will be introduced to basic geometries, meshes, and light sources. In the second part, you will work more deeply with advanced geometries and different materials and textures. This part also introduces points and sprites. In the third part, you will learn how to create animations. You will use camera movements and explore more advanced topics in meshes, geometries, and textures. In the final part, you will learn how to add physics and sound to your 3D scenes to create a realistic, dynamic behavior. You will also learn how to use Three.js with other frameworks such as React, Blender, WebXR, etc.
By the end of this course, you will be able to create 3D animated scenes and objects for use in web development and games.
Three.js is a web browser-based JavaScript library and API that creates and displays 3D scenes and animated objects using WebGL....Show More
WHAT YOU'LL LEARN
An understanding of the basic blocks of Three.js and its application for creating realistic-looking 3D objects
Working knowledge of Three.js for creating 3D scenes and graphics
Working knowledge of linking Three.js with other frameworks such as Blender, React, TypeScript, WebXR, etc
Hands-on experience playing with, modifying, and creating 3D objects and scenes using Three.js in a web browser
The ability to integrate physics and sounds into objects to create realistic effects using Three.js
Familiarity with the core components of Three.js including light sources, textures, materials, geometries, points, and sprites
Familiarity with components like cloud particles, advanced meshes, and geometries and moving cameras to create 3D animations
An understanding of the basic blocks of Three.js and its application for creating realistic-looking 3D objects
Show more
Learning Roadmap
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Fuel Your Tech Career with Smarter Learning
Built for 10x Developers
Get job-ready by lessons designed by industry professionals
Roadmaps Built Just for You
One-size-fits-all courses are a thing of the past
Keeping you state-of-the-art
Future proof yourself with our catalog
Meet PAL - Your AI Coach
Get Personalized feedback from your personalized learning agent
Built to Simulate the MAANG Experience
AI Mock Interviews & Quizzes with targeted guidance
Free Resources
