Back to Catalog
Technology & Artificial Intelligence
intermediate

Matering 3D Development with Javascript

PPeter Collins
0.0
2h 2m
1 sections · 2 lessons

About This Course

Bring the web to life with interactive 3D experiences built in JavaScript. In this hands-on course, you’ll progress from the essential ideas behind 3D graphics to creating and presenting a polished project that runs in the browser. Learn how 3D coordinates, cameras, lighting, materials, and geometry work together to create compelling scenes. Using a browser-based 3D library, you’ll build and organize a scene, bring objects and environments to life, add animation, and respond to user input. You’ll also practice testing and refining your work, checking performance, and adapting your experience for different screen sizes. By the end, you’ll have a small, finished 3D web project and a practical foundation for exploring more advanced techniques. Just as importantly, you’ll develop a clearer understanding of how to troubleshoot, improve, and continue learning independently. This course is designed for beginners curious about 3D development and JavaScript programmers ready to expand their skills. No previous experience with 3D graphics is needed. Familiarity with basic JavaScript and web development will help you get the most from the exercises.

What You'll Learn

Explain how 3D coordinates, cameras, lighting, materials, and geometry contribute to a rendered scene.
Set up a JavaScript project that displays a 3D scene in a web browser.
Create and customize 3D objects using geometry, materials, and lighting.
Animate objects and build interactions that respond to user input.
Organize and refine a 3D scene for clarity, usability, and performance.
Test a 3D web project across screen sizes and troubleshoot common rendering issues.
Complete and present a small interactive 3D experience.

Skills You'll Gain

Three.jsMatter.js

Prerequisites

  • A computer with a modern web browser and a code editor.
  • Basic familiarity with JavaScript variables, functions, and events is helpful.
  • Basic HTML knowledge is useful but not required.
  • No prior 3D modeling or graphics experience is needed.
  • A willingness to experiment, test, and revise your projects.

₦5,000

One-time payment

Estimated duration
2h 2m
Lessons
2
Level
intermediate
Language
en

This course includes

  • On-demand video lessons
  • Downloadable resources
  • Quizzes & exercises
  • Certificate of completion
  • Full lifetime access