28/5/2017 - 【ecoAR Project】教學(上)：把孩子模組帶出來！

面臨和ECO世界終止連結的日子已不足100天
很多玩家已經開始用各種方法去保存記憶  別說留屍體那麼難聽
有些在準備移民私服，有些去研究MMD、紙模等等
我的第一發保留行動是 把孩子AR化，那麼就能在現實一起生活了
例如去餐廳吃飯時拍的食物照可以讓孩子入鏡、去旅行也能帶著孩子一起自拍什麼的





老實說AR是我數年前在讀書時期自學回來的
中途找了很多教學來看，也因為軟件版本更新和教學中的有所出入
這裡記載的是目前(2017年5月)最新版本下的軟件，可能也會對其他AR初學者有所幫助

本篇教學會分好幾個部份解說，不定期更新。
因為都集在同一POST的話，圖文太多了

那麼開始今次的部分：把孩子造型帶出來

需要的軟件：
1) mrb2pmx (可以output pmx檔的紙娃娃程式)
下載位置：https://goo.gl/qm6tGw （我自己個人上傳的）
原來源：http://eco.dbeco.net/uploda/

2) ECO日服的主程式 *請把日服主程保留 不然會無法讀檔*

3) Microsoft Applocale (打開日文語系程式的軟件)

4) MAYA2017 (讓模組做出動作的3D軟件)
下載位置(30日試用版)：https://www.autodesk.com.tw/products/maya/free-trial
這軟件有三年免費的教學版，我不多說 你懂的。

5) MMD4Maya (由魔理沙のアトリエ製作，把pmx檔匯入MAYA的插件)
下載位置：http://pan.baidu.com/s/1kViAuvd    密碼：1aba
這是對應MAYA2017版本的插件，如果你用的是以前的版本，請自行到魔理沙のアトリエ的教學尋找





步驟：
1) mrb2pmx解壓在任意一個地方就好，無須和主程放在一起


2) 解壓後撿查 mrb2pmx\MRB2PMX\data 內的文字有沒有亂碼，正確顯示應為：
表示枠.txt
表示枠_f.txt
剛体.txt
顔.csv


3) 確定無誤後右鍵MRB2PMX.exe，以日文模式打開(需先安裝Microsoft Applocale才會出現這選項)


4) 正常運作之後應該會出現以下畫面。然後就可以開始裝扮回自己孩子的模樣了。
(裝備都要雙click才能穿著)

除了人物之外，寵物、魔物、地圖，都可以在這程式模擬出來，也能匯出。


5) 裝扮好了之後就可以點目錄的出力 > 如下圖的位置打勾 > 出力



6) 輸出成的pmx檔亦可以用作MMD，不過現在我要放它到MAYA2017中。
這一步請安裝好你的MAYA2017。


7) 解壓MMD4Maya
a. 把MMD4Maya.py和MMD4Maya拷貝到maya的插件目錄下，如：Maya2017\bin\plug-ins
b. 打開maya，在窗口 > 設置/首選項 > 插件管理器中勾選MMD4Maya。然後在菜單欄上會多出MMD4Maya一項。

英文版：





8) 點選菜單欄上MMD4Maya一項＊


彈出視窗，順序由上到下的紅方格按
a. Import pmx> 匯入你剛才的人物模組之pmx檔
b. 條款勾掉
c. Process


之後就會跑出一個黑視窗在跑，跑完還會彈出Error，這是正常現像。

＊有同學如果在第7步有正確完成，但菜單欄上還沒看到有MMD4Maya的話：


看看下表中央位置有沒有，沒有的話在右邊的「ALL menu」找回來




9) 這時你已經看到你的孩子出現在主視窗了！
可是為什麼是全灰色？看看你有沒有點到這個按鈕吧：




10) 給完全沒碰過MAYA的初心者的MAYA使用提示，已懂的可跳下一步

按著Alt+滾動滑鼠滾輪(或右鍵)可放大/縮小視野
按著Alt+點擊滑鼠左鍵可族轉視野角度
按著Alt+點擊滑鼠滾輪可移度視野位置



縮放模型大小，一般是部份翅膀出現不合理的大小才會用上(或是你想要弄2頭身…)
骨格動作的部份比較常用位移和旋轉

11) 讓人物做出你想要的動作！
因為模型匯入後都是十字型的原始姿勢。
當要讓人物做出動作的話靠的是動他的骨格，也就是你看到一個又一個互相連接的紫色球體/連結。
建議把模組的「面」都關掉，只留下線和點(只開掉圖中紅框的功能)：
然後點選任意一個骨架接點也能清析地看到各骨架所在


要動骨格的話用指標點上球體，然後用位移工具/旋轉工具作出肢體移動
不過要注意的是，你選上的是不是有連接肢體的球體：
假如我想讓他的左小腿活動，
左圖是正確有連接左小腿的骨格，右圖是沒有連接的
(小提示：選對的話是能夠一次選擇整個部位，而不需逐個點選)


然後，骨格動作建議主要用「旋轉」，以免把比例拉壞
你只要想象，骨頭本來就不會伸長縮小，一個人要活動都是靠多個骨骼轉動而成，就會明白了。
會用到位移的情況非常小。

選取正確骨格後的旋轉功能如下，只要點紅/藍/綠線移動即可。


12) 經過一翻功夫後

這裡其實也可以先弄成動畫才開始匯出，不過以我的功力還不行…

13) 匯出FBX檔，如下圖點選Export All 右邊的口


彈出視窗，File type拉到 FBX export，再點Export All


選擇你想要存下的位置並輸入file name，右邊Option撿查Embed Media有沒有勾上、FBX File Format我都用ASCII的(另一個B開頭的Type好像也可以)
之後就輸出吧！




14) 現在你得到一個人物的FBX檔了。
下一步教學，是開始AR環境的設定和應用程式製作
好孩子可以先準備

Unity 5.6.1f1 (32-bit)
遊戲製作引擎，可用來製作手機應用程式
下載位置：https://unity3d.com/cn/get-unity/download
這軟件只要個人使用就是免費的樣子
至於32bit是因為我用64bit版本時出現error，最後用32bit版本才成功
但明明Vuforia已經支持64bit的版本啊...
安裝需知：在安裝時有問要下載什麼插件的，請打勾Andriod Build Support

如果要弄iOS的話就連iOS Build Support也勾上
但因為製作iOS應用程式需要一台MAC機和支付100USD申請開發者帳戶，我放棄。

Vuforia SDK
下載位置：https://developer.vuforia.com/downloads/sdk
這是在Unity中製作AR的插件

Android SDK
匯出apk時用到的插件
下載位置：http://developer.android.com/intl/zh-tw/sdk/installing/adding-packages.html


Java JDK
匯出apk時用到的插件
下載位置：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html



今天的教學先到此為止
下一篇會一直教到把整個AR apps弄出來並在手機上運行
除非最後發現是太長才再分割一篇教學吧！