threejs-crumbs

Three.js crumbs based on "Learning Three.js: the JavaScript 3D library for WebGL" by Jos Dirksen

Recipe

1. Basic skeleton
2. First Scene
3. Materials and light
4. Materials, light and animation
5. Control gui
6. Axes helper
7. Trackball camera controls
8. Camera helper
9. Ambient light
10. Point light
11. Spot light
12. Spot light shadow
13. Directional light
14. Mesh basic material
15. Mesh face material
16. Mesh Lambert material
17. Mesh Phong material
18. Basic 2D geometries - Plane
19. Basic 2D geometries - Circle
20. Basic 2D geometries - Shape
21. Basic 2D geometries - Cube
22. Basic 3D geometries - Sphere
23. Basic 3D geometries - Cylinder
24. Basic 3D geometries - Torus
25. Basic 3D geometries - Polyhedron
26. Extrude Geometry
27. Parametric geometries
28. Text geometry
29. Grouping
30. Merge objects
31. Load and save object
32. Load and save scene
33. Load OBJ model
34. Load OBJ and MTL
35. Basic animations
36. Selecting objects
37. Animation tween
38. Fly controls
39. First person camera
40. Path controls
41. Pointer Lock controls
42. Basic textures
43. Bump maps
44. UV mapping
45. Repeat wrapping
46. Canvas texture
47. Canvas texture bumpmap
48. Video texture

Bakers

• Enrico Marino
• Federico Spini

Backery

Computational Visual Design Lab

Flour

Credits go to Jos Dirksen and his Learning Three.js: the JavaScript 3D library for WebGL

Tips

Static file server

Interesting links are:

• Three.js documentation
• Learning Three.js examples
• Three.js extensions for games
• Useful examples
• ShaderToy
• Tween.js
• Tween.js - easing functions
• Plain OBJ Exporter
• HTML5 Canvas 2D context APIs
• Object picking

Appendices

A. Joint
B. Tweening
C. KeyFrame