快速创建ARKit模型-使用MagicaVoxel创建3D模型

原文链接:http://fighting300.com...

iOS APP尤其是游戏中,还有新发布的ARKit中,2D/3D模型需要花费大量的时间来创建,然而我们开发者开没有那么长时间。
最近发现一款及其简单的模型创建工具-MagicaVoxel,虽然他只能创建体素(Voxel)模型,但是生成的模型可以在ARKit中使用,而且它还是免费的。
下面我们介绍下该软件。

MyWorld Voxel

开始使用

可能你会疑惑体素是什么意思,其实体素类似与像素,像素英文为Pixel,是图片pictures(pix)与元素element(el)俩词组合而来,而体素Voxel则由体积Volumes(vox)与元素element(el)组成。尤其是当你玩过我的世界的话,很快就能理解,里面的模型其实由一个个体素构成,它是一种极其简单、快速创建3D模型的方式。而MagicaVoxel就是一种创建Voxel模型的工具。

你可以从该地址下载MagicaVoxel: https://ephtracy.github.io,然后解压它。
当你在Mac上运行APP发现黑屏时,你需要把MagicaVoxel-mac.app文件移出当前目录,再移动回来,就可以解决黑屏问题。

打开APP后界面如下图所示:

MagicaVoxel Model界面

界面被划分为8个基本区域,分别为Palette(调色板)、Brush(画笔)、ViewOptions(视图)、Editor(编辑)、FileOptions(文件)、ExportOptions(格式导出)、镜头、View(视图)区域。当你切换到Render模式时,界面会发生变化,新加了Light(光影)、Matter(材质区域)。

MagicaVoxel Render界面

当前MagicVoxel中可以创建126*3立方体的最大画布,在右上侧的size中可以修改画布大小。

在画布中按住右键可以旋转视角,空格+右键可以拖动画布,滚轮缩放画布。
Mac中根据右键设置进行相应的操作,一般为两指轻触触控板。

开始创作

打开APP后,会首先看到一个立方体,你需要先清空该内容,在Tool中选择Zreo,从0开始,然后改变画布大小,设置View区域size大小为最大即126.

开始前介绍下Brush工具,其总共有六种模式,分别为单个模型(V)、面模型(F)、区域(B)、直线模型(L)、圆模型(C)、选择文件已有的模型(P),如名字所代表的意思,在相应模式下可以创建相应的模型。

Brush工具

ViewOption视图设置在Brush下方,可以设置不同的显示设置,如DG (Display Ground显示地面), SW (Display Shadow显示阴影), FrameGrid Spacing, Grid (Display Grid显示网格), Edge (Display Edges显示边缘) and Frame (Display Frame显示框架-大网格)

Edit Options编辑设置区域右边第二列,分别为Tool(Zero清空模型,Fill用相同颜色填充,Full设为完整状态),Select选中模式,Rot旋转, Flip对称翻转,Loop沿坐标轴旋转,Scale放大缩小,Repeat重复。

下面开始简单的创作MagicxVoxel的图标。

1.颜色选取
在颜色面板选择最后一个,可以用默认配置的颜色面板、或者创建你自己的颜色面板,在下方的HSV中选择想要的颜色。
调色板中0、1是默认的不同颜色的排布,2是灰阶色的排布,3为自定义色板。左侧E/G可以修改视图里辅助线和地面的颜色。

2.人物搭建
在Brush中选择B模式,用Attach搭建模型,并且可以在Mirror镜像中选择X轴,这样你在左边画的东西会复制到右边。
创建的过程就像垒积木,最终垒成你想要的样子,注意每个体素都有6个面,可以在相应的面上垒其他体素。

3.Paint上色
之后,你可以关掉Mirror模式,用Paint工具,给相应的体素上色,使人物更具像素感觉。

4.添加层级
此时,magic模型看上去只有一面,你可以选择F模型,在头部点击,同颜色的相邻色块就会添加一层厚度。

Model

5.渲染
完成上述步骤后,就可以进入Render模式。
在左边的Light工具栏中,根据需求调整shadow(阴影)、I-sun(光照)、I-sky(天空)、Fog(雾气)等参数。
在Shape工具栏中,可以选择不同的形状,包括Lego、MC、RG、RE、Sphr、Cyli这6种性形状。
同理,还可以在右侧的Matter工具中(可以选择All(全部)或Sel(选中)),更改Diffuse、Metal、Glass、Emission等不同的材质配置。

下图就是渲染完成后的模型效果,做的还是比较像的~

Magic渲染效果图

生成ARKit可用模型

上述步骤后,我们已经创建了MagicaVoxel原生格式.vox的模型,但是ARKit使用的SceneKit并不支持该格式,幸运的是该软件可以将模型输出为常见的.obj格式,该格式被很多其他3D创作工具所支持。

导出.obj文件
在Export区域,选择.obj就可以导出所需的文件,该文件会保存在Application/MagicaVoxel/export目录下。

导出obj模型文件

这时会输出3个文件,分别为:
1.monu10.mtl(材料库文件,包含颜色定义、纹理和反射贴图)
2.monu10.obj(.obj文件,包含体素模型的几何体信息)
3.monu10.png(漫反射纹理贴图,包含了模型中所用到的颜色)
现在可以将导出的模型,导入到Xcode中,然后转换为SceneKit场景文件了。

转换为.scn文件

在你项目的art.scnassets目录下,添加上述导出的.obj文件和.png文件。
选中.obj然后在Xcode菜单中选择Editor下的Convert to SceneKit file format (.scn),covert即可替换原来的.obj版本。
这样monu10.obj文件已经转换为合适的monu10.scn文件了。

转换scn模型文件

之后就可以在材料检查器、节点检查器和物理检查器中调整相应的Lighting mode(光照模型)、Diffuse、物理形体等参数了。

在最新的版本MagicaVoxel-0.98中还增加了动画帧的效果,可以给每帧增减一些体素,然后制作gif,比较酷炫。而且导出的模型可以再导如Unity3D等工具进行其他加工,比如制作Animation和建骨等操作。

好了,以上这样就完成了一个新的模型,这样比别的工具是快了很多,只是不能够创建接近真实的模型。如有问题,请评论或微博私信~

再上张酷炫的图...

Voxel模型

附:
MagicaVoxel作者的微博: gltracy的微博
资源/视频教程地址:resource

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,470评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,393评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,577评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,176评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,189评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,155评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,041评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,903评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,319评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,539评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,703评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,417评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,013评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,664评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,818评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,711评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,601评论 2 353

推荐阅读更多精彩内容