只學一天的three.js(一)

今天剛好有點時間，簡單研究了一下three.js
白話一點就是他是一個可以做出3D效果的JavaScript

那麼廢話不多說就直接開始了
下面的範例幾乎是從

http://threejs.org/docs/58/#Manual/Introduction/Creating_a_scene

官網參考過來的，想看英文的話就不用往下看了，因為我寫的感覺有點類似在英翻中。

以下是001的範例:


簡單說明一下001.html所做的事情:
匯入three.js
另外要做的事情，就是準備一個場景(scene)
這就好比說，你要讓一個上台表演，你必須給他一個舞台
而以這個範例來說，舞台就是canvas
如果001沒有問題的話，接著繼續看002.html




以下是002的範例:
002.html的說明都在文件裡，002.html其實就是001的加強版
 如果002沒有問題的話，接著繼續看003.html



以下是003的範例:





以下是004的範例:

我原本是想要用codepen跑出效果放到這邊，不過好像沒有成功，可以跑跑看004.html，就會有個綠色方體正在旋轉!