WebGL

Goal

The goal of this course will be to make this with code similar to this. It breaks down into two sections

1. Beginner (display the robot): roughly 15 videos
2. Advanced (animate the robot): roughly 15 videos

Beginner

1. What is WebGL
2. Setup
3. Create a Renderer
4. Creating a Perspective Camera
5. Creating an Orthographic Camera
6. Create a Spot Light
7. Create a Phong Material
8. Create a Circle for the Ground
9. Create a Sphere for the Ball
10. Create a Texture Map for the Ball
11. Create a Cube
12. Create a Lambert Material
13. Create a Torus for Each Wheel
14. Create a Cylinder for the Arm
15. Add Shoulder, Elbow, Forearm, Wrist, Fingers

Advanced

1. Calculate Angle Between Robot And Ball
2. Calculate Angle Between Tangent and Line To Ball
3. Calculate Robot Stopping Point
4. Create the Run Function
5. Create Drive Action
6. Create Reach Ball Action
7. Redraw Ball in Relation to Arm
8. Create Move Ball Action
9. Redraw Ball in Relation to Track
10. Create Reset Arm Action
11. Start Driving Again
12. Create Change Camera Angle Button
13. Make Camera Ride The Robot Body
14. Make Camera Ride The Robot Arm
15. Make Camera Ride The Ball