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

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera