Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Build an Explorable 3D Scene with Three.js

via Skillshare

Overview

Learn how to build a scene which allows users to explore 3D models in a web browser using WebGL. This course will teach you the basics of using three.js, a Javascript 3D library, to display and interact with models. No prior knowledge of 3D modeling or animation is required, although it is recommended that you have at least a basic understanding of Javascript. Models and libraries will be required, we’ll be writing the code that ties it all together. The final product can be viewed at https://codepen.io/kevinnewcombe/full/3a278d1a654f790eb7f1ab187dd5d836

Syllabus

  • introduction
  • An Overview of 3D on the Web
  • Introduction to three.js
  • Setting up a Local Environment
  • Setting Up a three.js Scene
  • Adding Lights
  • Exploring a 3D Scene
  • Importing Models
  • Adding Markers
  • Positioning Markers
  • Detecting Clicks
  • Displaying Tooltips
  • Conclusion

Taught by

Kevin Newcombe

Reviews

Start your review of Build an Explorable 3D Scene with Three.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.