Three.js Quick Guide

Table of Content

THREE.JS

Renderer

Scene

Camera

Meshes

Geometric Primitives

Materials

Implementation

Transformations

Lights

Textures

UV Mapping

Canvas Textures

Video Textures

3D Models

3D Animations

QUICK REFERENCE

Renderer

Cameras

Geometries

Materials

Transformations

Lights

Textures

Examples

Download TXT Files

Listing 1: Including the Three.js library in the document

Listing 2: Creating a wireframe sphere

Listing 3: Rotating a cube with the mouse

Listing 4: Adding light to the scene

Listing 5: Adding texture to an object

Listing 6: Applying a different texture for each face of the cube

Listing 7: Including 3D text in our scene

Listing 8: Introducing video in a 3D world

Listing 9: Loading 3D models

Listing 10: Creating the document for a 3D video game

Listing 11: Defining basic properties

Listing 12: Defining the initiate() method

Listing 13: Defining the loading() method

Listing 14: Defining the create() method

Listing 15: Defining the control() method

Listing 16: Defining the process() method

Listing 17: Defining the draw() method

Listing 18: Defining the detect() method

Listing 19: Defining the loop() method

Videos

No Videos Available for this Guide

Links

Three.js Library

Resources

wet_asphalt.jpg

Related Quick Guides

JavaScript

Introduction to Jav ...

$ 2.99

JavaScript

Canvas API

$ 2.99

JavaScript

Fullscreen API

FREE

JavaScript

Web Audio API

$ 2.99