1
00:00:00,007 --> 00:00:04,103
這是你第一次接觸到 WebGL 與 Three.js 的程式碼

2
00:00:04,151 --> 00:00:09,298
我會給你顯示一個方塊與一些格線的簡單程式

3
00:00:09,323 --> 00:00:13,430
但要看到方塊你得動手修正幾個語法錯誤

4
00:00:13,461 --> 00:00:17,145
在程式裡，有問題的行左邊會有標記

5
00:00:17,177 --> 00:00:19,704
代表你要修正這幾行

6
00:00:19,729 --> 00:00:24,030
修正後測試執行，你應該看到這樣的畫面

7
00:00:24,065 --> 00:00:28,828
當你修正三個語法錯誤後應該會看到這樣的畫面

8
00:00:28,853 --> 00:00:32,611
你可以移動、縮放、旋轉

9
00:00:32,659 --> 00:00:35,189
試試不同的滑鼠操作

10
00:00:35,214 --> 00:00:39,224
如果程式卡住了只要重新整理瀏覽器就好

11
00:00:39,249 --> 00:00:43,381
程式會動了以後，試著改變原始碼裡面的數字

12
00:00:43,406 --> 00:00:47,628
先不用管程式碼的意義，我之後會提

13
00:00:47,653 --> 00:00:52,452
我會解釋程式的物理與數學方面的原理