n0code.net
Animation and 3D Programming

Introduction to 3D graphics and animation using JavaScript and the Babylon.js API. Scenes, cameras, lighting, shadows, materials, meshes, collision avoidance, and physics engines are discussed.




Course Resources
  • Course Syllabus
  • Course and Classroom Policies

  • Notes & Assignments
  • Student Roster
Assignments
  1. Software Setup (8/30)
  2. Experiment to Understand Meshes (9/4)
  3. Custom Meshes (9/9)
  4. The Basics (9/18)
  5. Viewports and Coordinate Systems (9/27)
  6. Constructing Meshes (10/4)
  7. Animations, Sprites, and Particle Systems (10/23)
Demonstrations
  • Basic Elements
  • Cameras
  • Viewports
  • Lights
  • Shadows
  • Lights and Shadows
  • Custom Mesh - Plane
  • Custom Mesh - Cubes
  • Height Map 1 | 2
  • Load From Blender 1 | 2 | 3
  • Import Blender Scene
  • Box Face Textures
  • Decals
  • Raycasts from Camera
  • Water
  • Shaders
  • Sprites
  • Particles 1 | 2
  • Physics 1 | 2 | 3
  • Actions 1 | 2 | 3 | 4
  • Guernica
  • Loading Screen
  • HTML Button
Babylon.JS
  • Using Babylon.js
  • Official BabylonJS Tutorials
  • Alternate BabylonJS Tutorials

  • Babylon Docs
  • Babylon Docs Category Map
  • Babylon Source Code

  • Babylon Playground
  • Babylon Sandbox

  • Babylon Help Forum

  • Babylon Video Series
  • How to Create Shaders
Blender
  • Blender
  • Blender Beginner Tutorial Series
  • Importing Blender Animations
Assets
  • Clara.io
  • Blendswap.com
  • Mixamo.com
  • p3d.in
Other Resources
  • Skyboxes
  • List of Curves
  • Color Picker
  • Git to Sprite Sheet Converter
  • The TypeScript Official Handbook
  • TypeScript Deep Dive

© 2016 n0code.net