[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.46,0:00:04.75,Default,,0000,0000,0000,,For you first encounter with actual WebGL and 3js code, I'll give you a simple
Dialogue: 0,0:00:04.75,0:00:08.53,Default,,0000,0000,0000,,program that creates a scene with one object, a cube. And a few grids
Dialogue: 0,0:00:08.53,0:00:12.12,Default,,0000,0000,0000,,surrounding it. To see it, however, you'll have to get your hands dirty and fix
Dialogue: 0,0:00:12.12,0:00:15.82,Default,,0000,0000,0000,,a few syntax errors. In the code, to the left of the lines that have problems,
Dialogue: 0,0:00:15.82,0:00:20.30,Default,,0000,0000,0000,,you'll see little marks that denote that you need to fix those lines. Make the
Dialogue: 0,0:00:20.30,0:00:24.51,Default,,0000,0000,0000,,corrections, and then try doing the test run, and you should see this. Once you
Dialogue: 0,0:00:24.51,0:00:27.82,Default,,0000,0000,0000,,fix the three syntax errors in the program, you should see something like this
Dialogue: 0,0:00:27.82,0:00:32.13,Default,,0000,0000,0000,,on your screen. Note that you can interact with it. You can move around, zoom
Dialogue: 0,0:00:32.13,0:00:36.04,Default,,0000,0000,0000,,and pan. Try the various mouse controls to see how it works. If you get things
Dialogue: 0,0:00:36.04,0:00:39.74,Default,,0000,0000,0000,,into a broken state, just refresh the page on your browser. Once you've got the
Dialogue: 0,0:00:39.74,0:00:44.01,Default,,0000,0000,0000,,program running, try changing numbers in the code to see the effect. Don't worry
Dialogue: 0,0:00:44.01,0:00:47.39,Default,,0000,0000,0000,,about what the code's doing at this point, I'll be covering that in the lessons
Dialogue: 0,0:00:47.39,0:00:51.04,Default,,0000,0000,0000,,ahead. More importantly, I'll be explaining the underlying physical principles
Dialogue: 0,0:00:51.04,0:00:52.63,Default,,0000,0000,0000,,and mathematics behind this code.