让自己的模型在网页上实时3D/AR展示

原创 教程/经验 版权:版权归原作者所有,仅供分享与交流

6099 1 3 2019-10-18 20:06:25 举报

Kivicube

四川省 成都市

本文介绍如何将自己创作的模型动画放在网页上进行实时3D/AR展示

概念理解:什么叫将模型动画放在网页上进行实时3D/AR展示?


首先理解,模型动画放在网页上进行实时3D展示,顾名思义,就是用户可以在网页端打开一个模型链接,然后实时呈现3D模型动画效果。

3D.gif 3D-2.gif


然后理解,模型动画放在网页上进行实时AR展示,就是用户可以在网页端打开一个模型链接,然后通过AR(也被称为增强现实)的方式在现实场景中呈现3D模型动画。

   


我要创作:如何创作出上图中的效果?


在制作前,大家可以先扫描下方二维码体验一下网页端的实时3D/AR体验

下载.jpeg


总体来说可以分为三个步骤。


第一步:依据规范创作合适的模型动画

这里我就不详细说明,大家在创作时可以参考这篇文章:https://www.yuque.com/kivicube/manual/workflow


第二步:通过特定的工具将模型动画转换为特定的格式

目前,在网页上实时呈现3D/AR内容,主流的格式是glTF与Apple的USDZ。但是将主流的常见模型格式转换为glTF与USDZ又非常麻烦,其实转换为glTF所需要的插件(如3ds max、maya、blender等)安装十分麻烦,更为麻烦的是USDZ的转换,目前主流的建模软件没有一款支持导出(看起来Apple的号召力也有行不通的时候呀),有的仅是一些非常专业的命令行工具。

参考这篇文章,大家可以体会下转换为USDZ的不易:https://blog.csdn.net/u013094476/article/details/100565690


为此,我们提供了一款可以将众多模型格式(.fbx .dae .obj .3ds .dxf .gltf .glb)转换与实时预览的工具 - Kivicube AR模型编辑器。

下载地址与教程:https://www.yuque.com/kivicube/manual/kivicube-model-editor

了解更多关于Kivicube AR模型编辑器:https://mp.weixin.qq.com/s/t2lQDk-8cocHikZo78ktng


第三步:上传转换后的模型文件


请使用电脑打开此链接,点击右上角的“立即上传”按钮,然后上传准备好的.glb与.usdz文件。

https://www.kivicube.com/ar-quick-look

标签 AR展示WebARWeb3D

声明:该资源由发布人:【Kivicube】上传,点击查看作者主页其他资源。

CG模型网(cgmodel.com)内网友所发表的所有内容及言论仅代表其本人,并不反映任何CG模型网(cgmodel.com)之意见及观点。

推送到

首页推荐 编辑推荐

取消 通知作者
对此作品设置了隐私保护,禁止保存至本地。