You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.3 KiB
48 lines
1.3 KiB
# WebGL
|
|
|
|
## Goal
|
|
|
|
The goal of this course will be to make [this](http://matthewhuntington.com/webGLRobot/) with code similar to [this](https://github.com/mahuntington/webgl-robot/blob/master/js/app.js). It breaks down into two sections
|
|
|
|
1. Beginner (display the robot): roughly 15 videos
|
|
1. Advanced (animate the robot): roughly 15 videos
|
|
|
|
## Beginner
|
|
|
|
1. What is WebGL
|
|
1. Setup
|
|
1. Create a Renderer
|
|
1. Creating a Perspective Camera
|
|
1. Creating an Orthographic Camera
|
|
1. Create a Spot Light
|
|
1. Create a Phong Material
|
|
1. Create a Circle for the Ground
|
|
1. Create a Cone for the Hill
|
|
1. Create a Ring for the Track
|
|
1. Create Text
|
|
1. Create a Sphere for the Ball
|
|
1. Create a Texture Map for the Ball
|
|
1. Create a Cube
|
|
1. Create a Lambert Material
|
|
1. Create a Torus for Each Wheel
|
|
1. Create a Cylinder for the Arm
|
|
1. Add Shoulder, Elbow, Forearm, Wrist, Fingers
|
|
|
|
## Advanced
|
|
|
|
1. Calculate Angle Between Robot And Ball
|
|
1. Calculate Angle Between Tangent and Line To Ball
|
|
1. Calculate Robot Stopping Point
|
|
1. Create the Run Function
|
|
1. Create Drive Action
|
|
1. Create Reach Ball Action
|
|
1. Redraw Ball in Relation to Arm
|
|
1. Create Move Ball Action
|
|
1. Redraw Ball in Relation to Track
|
|
1. Create Reset Arm Action
|
|
1. Start Driving Again
|
|
1. Create Change Camera Angle Button
|
|
1. Make Camera Ride The Robot Body
|
|
1. Make Camera Ride The Robot Arm
|
|
1. Make Camera Ride The Ball
|