原文鏈接：http://fighting300.com...

iOS APP尤其是游戲中，還有新發(fā)布的ARKit中，2D/3D模型需要花費(fèi)大量的時(shí)間來(lái)創(chuàng)建，然而我們開(kāi)發(fā)者開(kāi)沒(méi)有那么長(zhǎng)時(shí)間。
最近發(fā)現(xiàn)一款及其簡(jiǎn)單的模型創(chuàng)建工具-MagicaVoxel，雖然他只能創(chuàng)建體素(Voxel)模型，但是生成的模型可以在ARKit中使用，而且它還是免費(fèi)的。
下面我們介紹下該軟件。

MyWorld Voxel

開(kāi)始使用

可能你會(huì)疑惑體素是什么意思，其實(shí)體素類似與像素，像素英文為Pixel，是圖片pictures(pix)與元素element(el)倆詞組合而來(lái)，而體素Voxel則由體積Volumes(vox)與元素element(el)組成。尤其是當(dāng)你玩過(guò)我的世界的話，很快就能理解，里面的模型其實(shí)由一個(gè)個(gè)體素構(gòu)成，它是一種極其簡(jiǎn)單、快速創(chuàng)建3D模型的方式。而MagicaVoxel就是一種創(chuàng)建Voxel模型的工具。

你可以從該地址下載MagicaVoxel： https://ephtracy.github.io，然后解壓它。
當(dāng)你在Mac上運(yùn)行APP發(fā)現(xiàn)黑屏?xí)r，你需要把MagicaVoxel-mac.app文件移出當(dāng)前目錄，再移動(dòng)回來(lái)，就可以解決黑屏問(wèn)題。

打開(kāi)APP后界面如下圖所示：

MagicaVoxel Model界面

界面被劃分為8個(gè)基本區(qū)域，分別為Palette(調(diào)色板)、Brush(畫(huà)筆)、ViewOptions(視圖)、Editor(編輯)、FileOptions(文件)、ExportOptions(格式導(dǎo)出)、鏡頭、View(視圖)區(qū)域。當(dāng)你切換到Render模式時(shí)，界面會(huì)發(fā)生變化，新加了Light(光影)、Matter(材質(zhì)區(qū)域)。

MagicaVoxel Render界面

當(dāng)前MagicVoxel中可以創(chuàng)建126*3立方體的最大畫(huà)布，在右上側(cè)的size中可以修改畫(huà)布大小。

在畫(huà)布中按住右鍵可以旋轉(zhuǎn)視角，空格+右鍵可以拖動(dòng)畫(huà)布，滾輪縮放畫(huà)布。
Mac中根據(jù)右鍵設(shè)置進(jìn)行相應(yīng)的操作，一般為兩指輕觸觸控板。

開(kāi)始創(chuàng)作

打開(kāi)APP后，會(huì)首先看到一個(gè)立方體，你需要先清空該內(nèi)容，在Tool中選擇Zreo，從0開(kāi)始，然后改變畫(huà)布大小，設(shè)置View區(qū)域size大小為最大即126.

開(kāi)始前介紹下Brush工具，其總共有六種模式，分別為單個(gè)模型(V)、面模型(F)、區(qū)域(B)、直線模型(L)、圓模型(C)、選擇文件已有的模型(P),如名字所代表的意思，在相應(yīng)模式下可以創(chuàng)建相應(yīng)的模型。

Brush工具

ViewOption視圖設(shè)置在Brush下方，可以設(shè)置不同的顯示設(shè)置，如DG (Display Ground顯示地面), SW (Display Shadow顯示陰影), FrameGrid Spacing, Grid (Display Grid顯示網(wǎng)格), Edge (Display Edges顯示邊緣) and Frame (Display Frame顯示框架-大網(wǎng)格)

Edit Options編輯設(shè)置區(qū)域右邊第二列，分別為Tool(Zero清空模型，F(xiàn)ill用相同顏色填充，F(xiàn)ull設(shè)為完整狀態(tài))，Select選中模式，Rot旋轉(zhuǎn), Flip對(duì)稱翻轉(zhuǎn)，Loop沿坐標(biāo)軸旋轉(zhuǎn)，Scale放大縮小，Repeat重復(fù)。

下面開(kāi)始簡(jiǎn)單的創(chuàng)作MagicxVoxel的圖標(biāo)。

1.顏色選取
在顏色面板選擇最后一個(gè)，可以用默認(rèn)配置的顏色面板、或者創(chuàng)建你自己的顏色面板，在下方的HSV中選擇想要的顏色。
調(diào)色板中0、1是默認(rèn)的不同顏色的排布，2是灰階色的排布，3為自定義色板。左側(cè)E/G可以修改視圖里輔助線和地面的顏色。

2.人物搭建
在Brush中選擇B模式，用Attach搭建模型，并且可以在Mirror鏡像中選擇X軸，這樣你在左邊畫(huà)的東西會(huì)復(fù)制到右邊。
創(chuàng)建的過(guò)程就像壘積木，最終壘成你想要的樣子，注意每個(gè)體素都有6個(gè)面，可以在相應(yīng)的面上壘其他體素。

3.Paint上色
之后，你可以關(guān)掉Mirror模式，用Paint工具，給相應(yīng)的體素上色，使人物更具像素感覺(jué)。

4.添加層級(jí)
此時(shí)，magic模型看上去只有一面，你可以選擇F模型，在頭部點(diǎn)擊，同顏色的相鄰色塊就會(huì)添加一層厚度。

Model

5.渲染
完成上述步驟后，就可以進(jìn)入Render模式。
在左邊的Light工具欄中，根據(jù)需求調(diào)整shadow(陰影)、I-sun(光照)、I-sky(天空)、Fog(霧氣)等參數(shù)。
在Shape工具欄中，可以選擇不同的形狀，包括Lego、MC、RG、RE、Sphr、Cyli這6種性形狀。
同理，還可以在右側(cè)的Matter工具中(可以選擇All(全部)或Sel(選中))，更改Diffuse、Metal、Glass、Emission等不同的材質(zhì)配置。

下圖就是渲染完成后的模型效果，做的還是比較像的～

Magic渲染效果圖

生成ARKit可用模型

上述步驟后，我們已經(jīng)創(chuàng)建了MagicaVoxel原生格式.vox的模型，但是ARKit使用的SceneKit并不支持該格式，幸運(yùn)的是該軟件可以將模型輸出為常見(jiàn)的.obj格式，該格式被很多其他3D創(chuàng)作工具所支持。

導(dǎo)出.obj文件
在Export區(qū)域，選擇.obj就可以導(dǎo)出所需的文件，該文件會(huì)保存在Application/MagicaVoxel/export目錄下。

導(dǎo)出obj模型文件

這時(shí)會(huì)輸出3個(gè)文件，分別為：
1.monu10.mtl(材料庫(kù)文件，包含顏色定義、紋理和反射貼圖)
2.monu10.obj(.obj文件，包含體素模型的幾何體信息)
3.monu10.png(漫反射紋理貼圖，包含了模型中所用到的顏色)
現(xiàn)在可以將導(dǎo)出的模型，導(dǎo)入到Xcode中，然后轉(zhuǎn)換為SceneKit場(chǎng)景文件了。

轉(zhuǎn)換為.scn文件

在你項(xiàng)目的art.scnassets目錄下，添加上述導(dǎo)出的.obj文件和.png文件。
選中.obj然后在Xcode菜單中選擇Editor下的Convert to SceneKit file format (.scn)，covert即可替換原來(lái)的.obj版本。
這樣monu10.obj文件已經(jīng)轉(zhuǎn)換為合適的monu10.scn文件了。

轉(zhuǎn)換scn模型文件

在最新的版本MagicaVoxel-0.98中還增加了動(dòng)畫(huà)幀的效果，可以給每幀增減一些體素，然后制作gif，比較酷炫。而且導(dǎo)出的模型可以再導(dǎo)如Unity3D等工具進(jìn)行其他加工，比如制作Animation和建骨等操作。

好了，以上這樣就完成了一個(gè)新的模型，這樣比別的工具是快了很多，只是不能夠創(chuàng)建接近真實(shí)的模型。如有問(wèn)題，請(qǐng)?jiān)u論或微博私信～

再上張酷炫的圖...

Voxel模型

附：
MagicaVoxel作者的微博: gltracy的微博
資源/視頻教程地址：resource