Cocos很早就開(kāi)發(fā)了3D模塊，后續(xù)也有不少團(tuán)隊(duì)使用Cocos開(kāi)發(fā)了一些3D游戲。今天，我們給大家介紹一款由知名Cocos技術(shù)大牛，現(xiàn)任北京火石鎮(zhèn)網(wǎng)絡(luò)科技有限公司的CEO卞安開(kāi)發(fā)的一款針對(duì)Cocos3D模型觀察器 – “Cocos3D Mesh Viewer”。

Cocos3D Mesh Viewer啟動(dòng)了!好簡(jiǎn)潔的界面。

Cocos3D Mesh Viewer下載地址：

http://cocostudio.download.appget.cn/others/community/MeshViewer.rar

“使用Cocos開(kāi)發(fā)3D游戲，相關(guān)的工具太重要了! 從我的3D引擎和項(xiàng)目研發(fā)經(jīng)驗(yàn)上看， Cocos在3D方面已經(jīng)具備一些基礎(chǔ)的功能模塊，可以勝任一些休閑類甚至是MMORPG的3D項(xiàng)目。我想通過(guò)我們的努力，來(lái)完善這些工具，幫助使用Cocos來(lái)進(jìn)行3D項(xiàng)目開(kāi)發(fā)的團(tuán)隊(duì)來(lái)解決現(xiàn)實(shí)問(wèn)題，模型觀察器是使用頻率最高的基礎(chǔ)工具，所以，我就先將它開(kāi)發(fā)出來(lái)，工具是免費(fèi)的，歡迎大家使用哦!”卞安介紹說(shuō)。

工具包只有10M左右，主要就是一個(gè)EXE以及必須的Cocos運(yùn)行庫(kù)，雙擊“MeshViewer.exe”運(yùn)行起來(lái)，全屏顯示后，就只有一個(gè)網(wǎng)絡(luò)和一個(gè)OpenFile的按鈕，非常簡(jiǎn)潔，通過(guò)點(diǎn)擊按鈕打開(kāi)一個(gè)C3B動(dòng)畫模型后，我們看到了完整的界面，最上面是文件的一些基本信息，包括文件名，頂點(diǎn)數(shù)，三角面數(shù)，包圍盒大小等。然后是一排復(fù)選框按鈕，用于對(duì)顯示選項(xiàng)進(jìn)行控制。左邊有兩個(gè)列表區(qū)域 ，用于顯示模型的子模型和貼圖列表，右邊的兩個(gè)列表區(qū)域則用來(lái)顯示骨骼和動(dòng)作列表。下方是當(dāng)前完整動(dòng)畫的幀顯示區(qū)和播放控制區(qū)，動(dòng)畫播放過(guò)程中，可以看到當(dāng)前幀的位置和前進(jìn)動(dòng)畫。所有的界面控件都是基于CocosUI來(lái)做的，目前只有WINDOWS版本，但想必后期跨平臺(tái)不是什么大問(wèn)題。

這款工具現(xiàn)在所具有的功能主要包括以下幾個(gè)部分：

Fbx和C3B文件操作 – 直接轉(zhuǎn)換，功能完善，方便快捷。

直接在工具中打開(kāi)或拖進(jìn)一個(gè)FBX就可以轉(zhuǎn)換成C3B文件，省去了在控制臺(tái)使用fbx-conv命令行操作轉(zhuǎn)換exe的處理。通過(guò)導(dǎo)出C3B文件，也可以將模型分離成只有模型或只有動(dòng)作的C3B文件進(jìn)行導(dǎo)出。

模型查看與操作 – 多種觀察選項(xiàng)，結(jié)合重要測(cè)試功能。

打開(kāi)C3B文件后，可以進(jìn)行模型的觀看，包括線框模式，顯示包圍盒，顯示骨骼樹(shù)，順時(shí)針與逆時(shí)針撿選，燈光頂點(diǎn)法線等選項(xiàng)，方便了解模型各方面的渲染情況。同時(shí)能夠顯示模型所有的子模型，并可以有選擇的查看并進(jìn)行換子模型的測(cè)試，你可以先選中一個(gè)子模型項(xiàng)，然后通過(guò)點(diǎn)擊右鍵在彈出的文件對(duì)話框中從另一個(gè)模型里找到同名的子模型進(jìn)行更換。這個(gè)功能非常方便進(jìn)行人物的換裝測(cè)試。

紋理貼圖的查看 – 幫助你快速查找到模型貼圖中問(wèn)題。

顯示模型所有的紋理貼圖信息，包括圖片顯示，大小信息等。可以有選擇的查看和更換，你可以選擇一張貼圖然后通過(guò)點(diǎn)擊右鍵在彈出的文件對(duì)話框中從另一個(gè)模型里找到同名的子模型進(jìn)行更換。這里方便進(jìn)行貼圖測(cè)試。

骨骼與動(dòng)畫操作部分 – 功能強(qiáng)大，顯示直觀，操作簡(jiǎn)便。

顯示所有的骨骼清單，可以在骨骼樹(shù)上突出顯示出當(dāng)前選擇的骨骼。并可以進(jìn)行骨骼綁定模型的測(cè)試，你可以選擇相應(yīng)的骨骼，然后通過(guò)點(diǎn)擊右鍵在彈出的文件對(duì)話框中把另一個(gè)C3B模型導(dǎo)進(jìn)來(lái)綁定在這個(gè)骨骼上進(jìn)行查看。這個(gè)功能非常方便進(jìn)行武器和坐騎的測(cè)試。

在這部分，你可以通過(guò)右邊的“Manage Action”按鈕來(lái)設(shè)定開(kāi)始幀和結(jié)束幀命名為一個(gè)動(dòng)作，然后保存為一個(gè)文本文件出來(lái)供游戲中使用，這里是按CSV文件的格式保存的，同時(shí)可以在下面的動(dòng)作幀顯示區(qū)中逐幀查看每個(gè)自定義的動(dòng)作播放效果。你可以在幀面板上點(diǎn)擊任意幀使當(dāng)前動(dòng)作停在這一幀上，保持拖動(dòng)來(lái)隨意的觀看任何一幀。

對(duì)于CSV文件，有的同學(xué)可能不太了解，它是一種通過(guò)逗號(hào)分隔符來(lái)區(qū)分?jǐn)?shù)據(jù)段的文本文件。網(wǎng)上有不少讀取的算法，還是比較簡(jiǎn)單的，大家可以參考一下。比如這個(gè)模型導(dǎo)出的動(dòng)作CSV文件中的數(shù)據(jù)，第一行會(huì)有說(shuō)明，第二行以后分別是每個(gè)動(dòng)作及起始幀，結(jié)束幀，有了它，程序猿可以放心的把動(dòng)作管理這部分工作丟給美術(shù)設(shè)計(jì)獅的小伙伴們啦!