讓自己的模型在網(wǎng)頁上實(shí)時(shí)3D/AR展示

原創(chuàng) 教程/經(jīng)驗(yàn) 版權(quán):版權(quán)歸原作者所有,僅供分享與交流

6099 1 3 2019-10-18 20:06:25 舉報(bào)

Kivicube

四川省 成都市

本文介紹如何將自己創(chuàng)作的模型動(dòng)畫放在網(wǎng)頁上進(jìn)行實(shí)時(shí)3D/AR展示

概念理解:什么叫將模型動(dòng)畫放在網(wǎng)頁上進(jìn)行實(shí)時(shí)3D/AR展示?


首先理解,模型動(dòng)畫放在網(wǎng)頁上進(jìn)行實(shí)時(shí)3D展示,顧名思義,就是用戶可以在網(wǎng)頁端打開一個(gè)模型鏈接,然后實(shí)時(shí)呈現(xiàn)3D模型動(dòng)畫效果。

3D.gif 3D-2.gif


然后理解,模型動(dòng)畫放在網(wǎng)頁上進(jìn)行實(shí)時(shí)AR展示,就是用戶可以在網(wǎng)頁端打開一個(gè)模型鏈接,然后通過AR(也被稱為增強(qiáng)現(xiàn)實(shí))的方式在現(xiàn)實(shí)場景中呈現(xiàn)3D模型動(dòng)畫。

   


我要?jiǎng)?chuàng)作:如何創(chuàng)作出上圖中的效果?


在制作前,大家可以先掃描下方二維碼體驗(yàn)一下網(wǎng)頁端的實(shí)時(shí)3D/AR體驗(yàn)

下載.jpeg


總體來說可以分為三個(gè)步驟。


第一步:依據(jù)規(guī)范創(chuàng)作合適的模型動(dòng)畫

這里我就不詳細(xì)說明,大家在創(chuàng)作時(shí)可以參考這篇文章:https://www.yuque.com/kivicube/manual/workflow


第二步:通過特定的工具將模型動(dòng)畫轉(zhuǎn)換為特定的格式

目前,在網(wǎng)頁上實(shí)時(shí)呈現(xiàn)3D/AR內(nèi)容,主流的格式是glTF與Apple的USDZ。但是將主流的常見模型格式轉(zhuǎn)換為glTF與USDZ又非常麻煩,其實(shí)轉(zhuǎn)換為glTF所需要的插件(如3ds max、maya、blender等)安裝十分麻煩,更為麻煩的是USDZ的轉(zhuǎn)換,目前主流的建模軟件沒有一款支持導(dǎo)出(看起來Apple的號(hào)召力也有行不通的時(shí)候呀),有的僅是一些非常專業(yè)的命令行工具。

參考這篇文章,大家可以體會(huì)下轉(zhuǎn)換為USDZ的不易:https://blog.csdn.net/u013094476/article/details/100565690


為此,我們提供了一款可以將眾多模型格式(.fbx .dae .obj .3ds .dxf .gltf .glb)轉(zhuǎn)換與實(shí)時(shí)預(yù)覽的工具 - Kivicube AR模型編輯器。

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

了解更多關(guān)于Kivicube AR模型編輯器:https://mp.weixin.qq.com/s/t2lQDk-8cocHikZo78ktng


第三步:上傳轉(zhuǎn)換后的模型文件


請使用電腦打開此鏈接,點(diǎn)擊右上角的“立即上傳”按鈕,然后上傳準(zhǔn)備好的.glb與.usdz文件。

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

標(biāo)簽 AR展示WebARWeb3D

聲明:該資源由發(fā)布人:【Kivicube】上傳,點(diǎn)擊查看作者主頁其他資源。

CG模型網(wǎng)(cgmodel.com)內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何CG模型網(wǎng)(cgmodel.com)之意見及觀點(diǎn)。

推送到

首頁推薦 編輯推薦

取消 通知作者
對此作品設(shè)置了隱私保護(hù),禁止保存至本地。