2014/9/30 今日學習

遊戲名字就取名為

• 「電子二甲大亂鬥 」與 「電子二丙大亂鬥」
• 突然想到一件事，每解五題可以獲得一個新的人物或武器，這樣應該能大大地促進學習動機

發現一個免費model的好地方

• Characters 3D Models - Free 3D Characters download

稍微看一下後，這網站裡面裡面的3D model格式大多是obj，估狗發現可以用blender轉乘three.js的格式

• three.js - How to convert obj to json file for three js model loader - Stack Overflow
• 載了兩個model做測試：Altair 、Diamond Sword
• 透過Blender就可以把.obj轉換成.js (已測試可以export出.js檔)
• 查看原本載下來的檔案，對於皮膚大都使用texture這詞，還不知要如何做到整合到一張圖片的skin
• 不過我還是不知要如何轉換skin

回去看了一下mrdoob的webgl_animation_skinning_blending，稍微看了一下code後去看他的skin出處(mrdoob-three.js-d3cb4e7\examples\models\skinned\marine)，發現也是所有元素集合在一張圖裡面，跟我先前載下來的model不同。

但還是有一點很奇怪，看webgl_animation_skinning_blending的code時發現，沒有讀取skin (MarineCv2_color.jpg)的code，於是回頭看看threex-master\src\threex.romemodels\examples裡的select.html的code與model檔案的出處(threex-master\src\threex.romemodels\models)，發現沒有任何skin的.jpg檔

• 結論：model可以跟skin合在一起然後export成.js檔 (HOW???)

估狗大神：import obj to blender with texture

• Importing OBJs and Modifying UVs in Blender
• 今晚測試，轉換到texture時一直blocked，換了一個檔案測試發現，只有Diamond Sword有這個問題

搜尋資料

今天早上無聊看了一下ThreeX裡頭有什麼範例碼可以給我使用，結果發現不少好東西

• 各種動物的動作效果與現成的model
• src\threex.romemodels\examples\select.html   
• 可以做出很亮的效果光
• src\threex.godrays
• 超炫的效果製作：flamethrower、rain、snow、blacksmoke、smokepuff、sphericalblast與trailblueparticle(光影的效果)、trailwhitesmoke(跑步時地面揚起灰塵的效果)
• src\threex.particles\examples
• 如何做出選單
• src\threex.tvset\examples

研究程式碼

似乎javascript的 array裡有default method，push()

• JavaScript Array Methods
• The push() method adds a new element to an array (at the end)
• The push() method returns the new array length.

The length property provides an easy way to append a new element to an array

• var fruits = ["Banana", "Orange", "Apple", "Mango"];  fruits[fruits.length] = "Kiwi";          
• // Appends "Kiwi" to fruit

array的length屬性，返回array的成員數量。

• [ 'a' ,  'b' ,  'c' ]. length    // 3
• 數組-- JavaScript 標準參考教程（alpha）

Math.floor

• JavaScript Math Object
• Math.floor() rounds a number down to the nearest integer
• Math.floor(4.7);            // returns 4

Math.random()

• JavaScript Math Object
• Math.random() returns a random number between 0 and 1  // 回傳小數點
• Math.random();

Math.floor() and Math.random() can be used together to return a random number between 0 and 10

• Math.floor(Math.random() * 11);   // returns a random number between 0 and 10

遇到一個奇怪的寫法

setInterval(函數, 參數);   而裡面的那個函數，函數的內容物有許多行卻未使用";"程式可run，測試過為他們加上分號，程式依舊可以run

搜尋資料

剛剛疲勞時去看一下THREEx - Game Extensions for Three.js，看了第一排右手邊的threex.md2character，這真的太正了，有各種動作與武器變換，於是我就去了他的GitHub上面載下來

• 研究看看他的CODE，預計可以從這段CODE理學到如何幫我的人物model裝備武器

今天看了一個有趣的東西，下次來慫恿我的理髮師陪我發神經好了 XD