- 「電子二甲大亂鬥 」與 「電子二丙大亂鬥」
- 突然想到一件事,每解五題可以獲得一個新的人物或武器,這樣應該能大大地促進學習動機
稍微看一下後,這網站裡面裡面的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???)
- 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