Skip to content

alexmackey/threeJsBasicExamples

Repository files navigation

#Three.js basic examples

This repository contains all the examples from my Pluralsight three.js course.

Three.JS Frogger game is held in its own repository at github.com/alexmackey/threeJsFrogger.

For more information please refer to simpleisbest.co.uk/threejscourse or contact me via twitter at @alexjmackey .

The examples were created against three.js r67 version.

Thanks to the three.js team for producing such an awesome library :)

Licence

Creative Commons License Code examples are licensed under a Creative Commons Attribution 4.0 International License. Based on a work at http://pluralsight.com/training/Courses/TableOfContents/webgl-threejs-fundamentals.

Note I have utilized a few textures and models from the three.js src examples and some additional sources which have their own licencing conditions. All assets credited with readme.txt file and original license file where required.

Assets

Setup

Should be pretty easy to setup - create a website and open index.html. Note IIS users you will need to setup MIME type for loading of Collada .dae model (model/vnd.collada+xml).

Examples

Module 2 - Three.js building blocks

  • Hello World
  • GUI for properties
  • Three.js Boilerplate

Module 3 - Meshes and Geometry##

  • Meshes
  • Sphere Geometry
  • Creating Geometry
  • Modifying Geometry
  • Collada Loader
  • Three.js Loader
  • Exporting Geometry
  • Module 4 Meshes and Geometry

Module 4 - Materials Lighting and Materials

  • Shadows
  • Simple Texture
  • Transparency
  • Transparent Texture
  • Repeating Textures
  • Bump Map
  • Module 5 Scene Interaction

Module 5 - Scene Interaction

  • Move camera with keyboard
  • Orbit Controls
  • Fly Controls
  • Raycasting
  • Raycasting and movement
  • Box 3
  • Physics Engine (physijs)
  • Balancing game

About

Examples from webgl-threejs-fundamentals Pluralsight Course

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published