YoVDO

Build an Explorable 3D Scene with Three.js

Offered By: Skillshare

Tags

Three.js Courses Javascript Courses WebGL Courses

Course Description

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

Related Courses

Network Analysis in R
DataCamp
Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
Udemy
3D Programming with JavaScript and the Three.js 3D Library
Udemy
Three.js Tutorial for Beginners
YouTube
Aprende Three.js , 3D en el navegador
Udemy