SceneKitSceneKit学习iOS Developer

[SceneKit专题]19.MagicaVoxel的使用,3D

2017-08-20  本文已影响386人  苹果API搬运工

说明

本系列文章是对<3D Apple Games by Tutorials>一书的学习记录和体会此书对应的代码地址

SceneKit系列文章目录

MagicaVoxel 是个很棒的3D内容创建工具,因为它是免费的! 你可以从这里下载https://ephtracy.github.io

注意: 1. MagicaVoxel for Mac 启动后可能是黑屏，啥都没有，什么都点不了?把软件MagicaVoxel.app先拖出文件夹,再放回去应该就好了

  1. 如果出现"App can't be opened" ,打开终端,尝试以下命令:
    chmod +x [directory]/MagicaVoxel-mac.app/Contents/MacOS/MagicaVoxel
WX20170820-133653@2x.png

界面从左到右分别为:

创建体素模型

创建一个新模型

先给自己创建一个空白的工作台.
在右侧的文件设置里选择New来创建一个新模型.设置体素模型规格尺寸为9 9 9 ,然后点击编辑设置下面的Zero来清空整个模型:

WX20170820-143032@2x.png

在编辑区顶部命名这个模型为MrPig,并按回车.当提示保存时选择save:

WX20170820-143044@2x.png
创建基础层

我们将从创建小猪身体的基础层开始.
从左侧的颜色面板中选择合适的颜色.
按B来设置笔刷为Box Mode,然后按T来选择Attach.
移动位置到(x: 1, y: 7, z: -1).左键单击并按住,拖拽到(x: 7, y: 7, z: -1).到位后释放,就得到了一个一体素高的基础层:

WX20170820-143059@2x.png
拉伸基础层

更改笔刷类型,按F来切换到Face Mode,同时确认Attach仍然是被选中的.
左键单击基础层的顶部平面并向上拉伸一个体素高.重复操作直到基础层有6体素高:

WX20170820-143111@2x.png
可以点击视图设置中的Grid来帮忙看清尺寸.
创建头部

现在创建头部.
更改笔刷模式,按B回到Box Mode,同时确保Attach仍是被选中的.
从(x: 2, y: 6, z: 5)位置开始.单击并拖动到(x: 6, y: 4, z: 5):

WX20170820-143127@2x.png
创建鼻子

从左侧面板中选择深粉红色.
使用和上一步一样的笔刷设置,从(x: 2, y: 1,z:3)到 (x:6,y:1,z:1)创建一个盒子:


WX20170820-143140@2x.png
雕刻鼻孔和眼睛

更改笔刷模式,按V切换到Voxel Mode,然后按R选择Erase.
擦除鼻子上的两个鼻孔,参考下面的图片:

WX20170820-143154@2x.png
分隔他的两个眼睛:
WX20170820-143213@2x.png
创建尾巴

选中和前面鼻子一致的深粉红色.
将小猪沿y轴旋转180度,让后面显示出来.
仍然是Voxel Mode,按T来选择Attach模式,从(x: 4, y: 7, z: 2)开始创建一条螺旋状的尾巴,如下图:

WX20170820-143227@2x.png
完成后,再沿y轴旋转180度,让前面显示出来.
添加耳朵

选中和前面一致的深粉红色.
按1来打开x轴对称.你会注意到镜像X按钮处于打开状态.现在你在一边所做的所有的操作会自动镜像到另一边.
开始一个体素一个体素创建耳朵,会看到另一只耳朵也在同时创建.参考下面的图片:

WX20170820-143239@2x.png
WX20170820-143250@2x.png
添加腿

目前,小猪是处于边界的底部,所以你需要将他向上移动来腾出空间给他的腿.
你可以进入Move Mode并向上拖拽模型,或按住Command键并向上拖拽也可以.
向上旋转小猪,露出他的腹部.
用同样颜色和笔刷设置,并确保沿x轴镜像模式仍然是打开状态.
开始创建他的后腿,然后是前腿.参考下面的图片:

WX20170820-143302@2x.png
WX20170820-143314@2x.png
最后着色

只剩下着色了.
按G进入Paint Mode.
从左侧颜色面板中选择白色,在眼睛位置单击着色.完成后,再选择黑色给瞳孔着色:

WX20170820-143327@2x.png
接着,转动小猪,让他正面对着你.
将他的耳朵和鼻孔涂成黑色,如下:
WX20170820-143348@2x.png

导出体素模型

模型已创建完成,但SceneKit并不支持MagicaVoxel的原生格式.vox.幸运的是还可以将模型输出为常见的.obj格式.
.obj格式是Wavefront Technologies开发的开放标准几何体定义,并被很多3D创作工具支持.
从MagicaVoxel中输出体素模型易如反掌.

以.obj格式输出体素模型

小猪还需要一个敌人-小狼.


WX20170820-144903@2x.png

在resources文件夹下,你会找到MrWolf.vox文件.复制到Applications/MagicaVoxel/vox,然后在MagicaVoxel中打开.

加载完成后,可以以特定格式输出了.
要输出为.obj格式,只需单击Export区域的obj就可以了.

WX20170820-144916@2x.png
输入文件名,选择输出路径,其余保持默认,点击save.
WX20170820-144927@2x.png
可以在Applications/MagicaVoxel/export/下找到输出的文件了.同时在你项目的resources文件夹下也会有一个复本.
WX20170820-144939@2x.png
共输出了三个不同的文件:

导入体素模型

现在已经输出了模型,可以导入到Xcode中了,然后转换为合适的SceneKit场景文件.

导入.obj到Xcode
WX20170820-145750@2x.png
选中MrWolf.obj和MrWolf.png,并拖拽到Xcode项目的MrPig.scnassets文件夹下.
将.obj转换为.scn

选中MrPig.scnassets文件夹下的MrWolf.obj文件.模型是全黑色的,不要紧,我们马上修复它.
在菜单设置里找到Editor,然后选择Convert to SceneKit file format (.scn):

WX20170820-145805@2x.png
这里提示,你可以选择创建一个原始.obj文件的复本,或者用转换后的.scn版本替换原来的文件.选择Convert继续:
WX20170820-145821@2x.png
MrWolf.obj文件已经转换为合适的MrWolf.scn文件了.
选中场景中的小狼节点,打开材料检查器.更改Lighting model光照模型为Lambert并更改Diffuse确保它使用了MrWolf.png作为纹理:
WX20170820-145835@2x.png
配置体素模型

在节点检查器中,更改Identity为MrWolf.并更改缩放为(x: 0.08, y: 0.08, z: 0.08).这样的缩放让他和小猪有了相同的尺寸:

WX20170820-150055@2x.png
切换到物理检查器,更改物理形体的Type为Kinematic:
WX20170820-150113@2x.png
设置Category mask为2,Collision mask为-1.更改Physics Shape的Type 为Bounding Box并设置Scale为0.05,这样碰撞几何体更贴紧小狼的形体了.
WX20170820-150137@2x.png

你可以在projects/final/ Mr.Pig/下面找到完成版.

挑战

再来点小挑战吧! 将小狼添加到游戏中,并让他绕着树林追尾巴.准备好了么?别担心,这里有些小提示可以帮你.
选中MrWolf.scn并做点改变:

上一篇 下一篇

猜你喜欢

热点阅读