2014/9/19 今日學習

local端的external model開不起來，後來改用FireFox開，mrdoob有提供教學
如何開啟 about:config

• Firefox 參數設置 about:config（上） | DreamersCorp.

今日實作

• The Beginner's Guide to three.js | Treehouse Blog
• 連結：WebGL Practice

model

• mrdoob的knight在GitHub上的網址
• 構想：codepen除非購買付費的pro feature，否則無法直接上傳js，所以我就想說改另一種方式，3D model轉成js檔後，從GitHub上去讀，這構想失敗了，CodePen的library必須要說明你要上傳lib，要說你就是library的作者或只是想上傳library
• 放棄，改考慮JSBin

JS Bin

• JS Bin - Collaborative JavaScript Debugging
• JavaScript Tools of the Trade: JSBin - Tuts+ Code Tutorial
• 找到這個似乎可以加入客製化的library
• JS Bin Tips and Bits • Adding custom libraries  (影片)
• JS Bin Tips and Bits • Adding custom libraries  (文字)
• 發現一件有趣的事，JS Bin裡three.js的library與codepen的three.js相同來源，也是從cdnjs來的
• The Will Will Web | 介紹好用工具：JS Bin ( 網站前端工程師的學習利器 )
• The Will Will Web | 如何從 GitHub, Gist, JSBin, CODEPEN 載入 JavaScript 檔案
• 查了一整晚還是沒找到從網路讀取3D model的方法

Code筆記

• camera = new THREE.PerspectiveCamera(45, WIDTH/ HEIGHT, 0.1 , 20000);
• 第一參數是垂直視角，詳情請見
• #333f47
• #333f47 Color Hex
• document
• document對象-- JavaScript 標準參考教程（alpha）
• DOM是文檔對像模型（Document Object Model）的簡稱，它的基本思想是把結構化文檔（比如HTML和XML）解析成一系列的節點，再由這些節點組成一個樹狀結構。
• 簡易JavaScript語法結構
• 「網頁瀏覽或執行，是開啟在瀏覽視窗（window）中，包含了一份或數份的HTML文件（document），文件中又包含了各種物件（object），每個物件都可以加以命名（name）或加上識別碼（id）。」
• 常看到所謂DOM模式，就是指Document Object Model，或稱為「文件物件模式」，這是把HTML文件當作物件來操作