web-gl-notes/README.md

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 Cone for the Hill
10. Create a Ring for the Track
11. Create Text
12. Create a Sphere for the Ball
13. Create a Texture Map for the Ball
14. Create a Cube
15. Create a Lambert Material
16. Create a Torus for Each Wheel
17. Create a Cylinder for the Arm
18. 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