制作炫酷AR卡片特效——小技巧

本帖最后由 仅为年时 于 2016-7-9 08:28 编辑

gif展示.gif (2.82 MB, 下载次数: 11)

下载附件 保存到相册

2016-7-9 01:17 上传

以上就是制作完成以后的效果，一个简单的小技巧其实不单是AR，其它地方用起来效果也很好，只是AR中用这个会更炫一些
1.首先找一个整张的序列帧图片，放进Unity中调整它的属性，如图
Texture Type调为Sprite(2D and UI)     Sprite Mode 调为Mutiple

1.修改图片属性.png (28.13 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

2.点击Sprite Editor 进入编辑器

2.编辑精灵.png (30.68 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

3.点击编辑器左上角的Slice（切片）按钮打开切片面板

3.整张序列帧切片.png (90.33 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

4.选择Grid By Cell Count 根据小格数量切片

4.根据数量来切片.png (49.38 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

5.C是列  R是行  根据图片中具体的行列输入 点击Slice进行切片

5输入行列进行切片.png (47.37 KB, 下载次数: 3)

下载附件 保存到相册

2016-7-9 01:17 上传

6.切好片后就是这个样子

6.切完以后的效果.png (89.45 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

7.把这个图片直接拖入场景，此时会弹出保存动画的弹窗，选一个地方起个名字把动画保存就可以了。其它不用设置。
（注意！！往场景中拖入的时候拖入到空位置，不要拖在别的物体上！！）

8.新建一个add材质球

7.新建一个add材质.png (74.8 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

8.把新材质拖入到这里.png (43.76 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

9.在刚才拖入的Sprite图片的属性中找到材质，把新建的add材质球拖进来



10.调整这个特效图片与识别卡的位置。然后把它作为识别卡的子物体。

9.匹配与识别卡的位置.png (252.03 KB, 下载次数: 0)

下载附件 保存到相册

2016-7-9 01:17 上传

然后导出apk就OK了

本帖隐藏的内容

Apk和识别图.zip(17.49 MB, 下载次数: 3442)

2016-7-9 01:33 上传

点击文件名下载附件

源文件.zip

(37.73 MB, 下载次数: 9004)

2016-7-9 01:36 上传

点击文件名下载附件

喜欢AR的朋友可以来看我的课程，都是零基础入门
AR房地产：http://edu.manew.com/course/172
AR涂涂乐:  http://edu.manew.com/course/162