/threejs-crumbs

Three.js crumbs

Primary LanguageJavaScriptMIT LicenseMIT

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 shodow
  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. Basic textures
  42. Bump maps
  43. UV mapping
  44. Repeat wrapping
  45. Canvas texture
  46. Canvas texture bumpmap
  47. Video texture

Bakers

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:

Appendices

  1. Joint