Year of Manufacture : 2014
Manufacturer : Pluralsight
Author: Alex Mackey
Duration : 2h 13m
Language : English
Video Format : MP4
Video : MPEG-4 | 1268x950 | 760 Kbps | AVC | 15fps
Audio : AAC | 122 Kbps | 2 chanels | 44.1 KHz

This course will cover the fundamentals of the Three.js library, which is best known for its usage in creating WebGL applications. We will start the course by looking at the history and use cases of WebGL, and then move on to meshes, loading models, lighting, materials, texture mapping, scene interaction, and how to integrate a physics engine into your applications. The course will wrap up by putting everything you have learned together to create a 3d version of the classic game, Frogger. This course provides the basics of working with the library Three.js, designed to create a WebGL-applications. The course begins with the history and uses of this library, and then deals with the geometry, lighting, materials and texturing on the model, the interaction with the scene, as well as the integration of the physics engine into your application. The course also contains everything you need to ensure that you are able to create their own 3D-version of the classic game Frogger.


Introduction

Introduction
History of WebGL and Three.js
Course Outline

Three.js Building Blocks

Coordinates Refresher
Camera and Rendering Options
Object3D
Modifying Position, Size, and Rotation
Common Problems
Summary

Meshes and Geometry

Introducing Meshes and Geometry
Inbuilt Geometry
Creating Geometry
Loaders and Exporters
Exporting Geometry and Scenes
Summary

Materials, Lighting & Textures

Introducing Lighting and Materials
Materials - MeshBasic, MeshLambert, and MeshPhong
Lighting - Ambient, Point, Directional, and Spot
Textures - Loading, Transparency, and Bump Maps
Summary

Scene Interaction

Introduction and Page Events
Controls
Collision Detection
Integrating a Physics Engine (Physijs)
Summary

Creating Three.js Frogger

Introduction
Game Components
A Closer Look at The Games Code

SCREENS: