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
Overview
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