Build an Explorable 3D Scene with Three.js

Focused View

Kevin Newcombe

57:24

37 View

01 - introduction.mp4

00:57

02 - an-overview-of-3d-on-the-web.mp4

02:06

03 - introduction-to-three-js.mp4

02:15

04 - setting-up-a-local-environment.mp4

02:51

05 - setting-up-a-three-js-scene.mp4

06:34

06 - adding-lights.mp4

02:32

07 - exploring-a-3d-scene.mp4

01:44

08 - importing-models.mp4

05:55

09 - adding-markers.mp4

06:42

10 - positioning-markers.mp4

08:48

11 - detecting-clicks.mp4

06:19

12 - displaying-tooltips.mp4

10:06

13 - conclusion.mp4

00:35

Description

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

What You'll Learn?

Technology
Web Development
Javascript
3D Modeling
Three.JS
Webgl
Using A Browser

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Kevin Newcombe

Instructor's Courses

Hi there! I'm Kevin Newcombe, a front-end developer from Edmonton, Canada. I focus on CSS and HTML, but I also like to get creative and play with things like TensorFlow and WebGL.

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.