AR技術(shù)能夠在現(xiàn)實(shí)的基礎(chǔ)上構(gòu)建出無(wú)限的虛擬世界，讓藝術(shù)家們的畫(huà)布在現(xiàn)實(shí)中也能得到無(wú)限延伸，為藝術(shù)作品的創(chuàng)作與展示帶來(lái)了新的思路。

我們?cè)谌蚍秶鷥?nèi)不乏看到一些知名的數(shù)字藝術(shù)家嘗試使用AR作為其藝術(shù)作品的展示載體。

Kivisense在過(guò)去的兩年中也嘗試與不同的海外藝術(shù)家合作，讓他們的創(chuàng)意腦洞通過(guò)AR入侵現(xiàn)實(shí)

為了讓更多從事藝術(shù)相關(guān)行業(yè)的小伙伴能夠使用AR進(jìn)行創(chuàng)作，kivicube特別推出AR實(shí)境壁畫(huà)模版案例供大家使用！

本次AR實(shí)境壁畫(huà)模版我們使用了白俄羅斯藝術(shù)家Key Detail的壁畫(huà)作品《太陽(yáng)女神》作為落地案例給大家具體展開(kāi)一下，如何使用模版制作一個(gè)AR數(shù)字壁畫(huà)內(nèi)容。讓用戶(hù)無(wú)論是否親臨現(xiàn)場(chǎng)都能體驗(yàn)該藝術(shù)作品相關(guān)的AR互動(dòng)，了解作品背后的故事。

那么現(xiàn)在我們就來(lái)具體展開(kāi)一下，簡(jiǎn)單教大家如何使用AR實(shí)境壁畫(huà)模版完成同款場(chǎng)景的制作。同時(shí)歡迎關(guān)注彌知科技 微信公眾號(hào)后臺(tái)回復(fù)“女神”獲取本次互動(dòng)詳細(xì)教程與源碼示例

（一）素材準(zhǔn)備

?我們首先使用了快手繪圖工具Procreate對(duì)比實(shí)拍壁畫(huà)照片分層繪制了該壁畫(huà)的原畫(huà)，并使用AE讓太陽(yáng)女神的衣服，表情能夠動(dòng)起來(lái)，頭上的太陽(yáng)神鳥(niǎo)環(huán)繞女神徐徐飛出。

另外在本次教程素材的制作過(guò)程中我們還發(fā)現(xiàn)了非常多的對(duì)設(shè)計(jì)師甚至小白用戶(hù)都非常友好的寶藏軟件，能夠幫助用戶(hù)優(yōu)化AR項(xiàng)目視覺(jué)與模型動(dòng)畫(huà)等多方面的體驗(yàn)。后續(xù)有機(jī)會(huì)我們會(huì)持續(xù)迭代相關(guān)的教程，大家敬請(qǐng)期待。

?

（二）AR制作

本次太陽(yáng)女神AR教程分為入門(mén)與高級(jí)兩個(gè)版本：

入門(mén)教程：只需要用戶(hù)使用Kivicube編輯器無(wú)需編程即可制作好AR場(chǎng)景，并在Web端與小程序端體驗(yàn)

高級(jí)教程：高級(jí)教程會(huì)用到我們提供的開(kāi)箱即用代碼，Kivicube小程序AR插件進(jìn)行二次自定義開(kāi)發(fā)，可以制作更加豐富的體驗(yàn)

使用到的軟件仍然是零基礎(chǔ)AR在線(xiàn)制作平臺(tái)Kivicube。關(guān)于Kivicube的基本操作可參閱下方視頻：

?01?入門(mén)教程

我們考慮到很多用戶(hù)在實(shí)際體驗(yàn)中無(wú)法親臨現(xiàn)場(chǎng)，在整個(gè)AR體驗(yàn)上分成了線(xiàn)上與線(xiàn)下兩個(gè)部分。

對(duì)于線(xiàn)上未能到現(xiàn)場(chǎng)的用戶(hù)我們準(zhǔn)備了AR趣味濾鏡互動(dòng)，用戶(hù)打開(kāi)攝像頭即可與太陽(yáng)神鳥(niǎo)主題濾鏡合拍。

而親臨現(xiàn)場(chǎng)的用戶(hù)則能直接掃描壁畫(huà)，即可看到壁畫(huà)上的太陽(yáng)女神微微一笑，神態(tài)安詳，太陽(yáng)神鳥(niǎo)從壁畫(huà)中飛入現(xiàn)實(shí)。

以上提到的所有AR互動(dòng)內(nèi)容，通過(guò)Kivicube AR在線(xiàn)制作平臺(tái)即可完成所有制作！除此之外，我們秉承著“沒(méi)有好素材就沒(méi)有好的AR場(chǎng)景”的觀點(diǎn)，將從識(shí)別圖處理、視頻素材制作規(guī)范以及AR相框制作注意事項(xiàng)等等所有與設(shè)計(jì)、素材制作相關(guān)的細(xì)節(jié)規(guī)范在詳細(xì)教程中進(jìn)行具體說(shuō)明。

?

02?高級(jí)教程

?在介紹高級(jí)教程之前，我們首先要跟大家公布一個(gè)好消息：Kivicube小程序AR原生圖像追蹤正式免費(fèi)開(kāi)放測(cè)試了！并且在本次AR實(shí)境壁畫(huà)的高級(jí)教程中我們馬上就會(huì)實(shí)際使用使用到這個(gè)功能！

有代碼基礎(chǔ)又對(duì)我們平臺(tái)圖像追蹤功能非常感興趣的Kivicube用戶(hù)們一定不要錯(cuò)過(guò)！

那么現(xiàn)在我們就來(lái)看一看，高級(jí)教程中都包含了哪些值得期待的內(nèi)容：

?開(kāi)箱即用的源碼示例，手把手教你做AR

我們從過(guò)去幾年的AR商業(yè)項(xiàng)目中分析提取了其中使用范圍最廣的一套小程序AR插件示例，讓開(kāi)發(fā)者不僅能夠?qū)R場(chǎng)景直接接入自己的小程序，并在此基礎(chǔ)上實(shí)現(xiàn)：

• UI/UX的自定義開(kāi)發(fā)—開(kāi)發(fā)者可根據(jù)項(xiàng)目的需要實(shí)現(xiàn)對(duì)UI/UX的自定義，例如示例中幫助用戶(hù)了解藝術(shù)作品而添加的「作品詳情」按鈕等

• AR流程引導(dǎo)提示—我們提供一整套AR流程引導(dǎo)模版，讓開(kāi)發(fā)者與設(shè)計(jì)都無(wú)需再花太多精力研究AR場(chǎng)景中的用戶(hù)體驗(yàn)。在本次示例中，包括掃描引導(dǎo)、安全提示在內(nèi)的多項(xiàng)流程都可供大家使用

• 自定義拍照—允許用戶(hù)自定義相框設(shè)計(jì)，添加體驗(yàn)二維碼等，生成更符合項(xiàng)目需求的拍照海報(bào)

?支持H5接入AR功能，助力傳統(tǒng)H5玩法升級(jí)

在kivicube正式上線(xiàn)的兩年中我們接到了很多開(kāi)發(fā)者關(guān)于kivicube場(chǎng)景接入H5的需求反饋。在本次的AR畫(huà)布高級(jí)教程中，我們正式開(kāi)放了兩種不同的H5接入模式供開(kāi)發(fā)者選擇：

• 通過(guò)iframe嵌入—用戶(hù)可通過(guò)iframe嵌入的方式，將Kivicube在線(xiàn)制作平臺(tái)制作好的AR場(chǎng)景直接與自己已有的H5完成融合。

• 通過(guò)跳轉(zhuǎn)小程序體驗(yàn)—如果kivicube在線(xiàn)編輯器中的功能沒(méi)有完全滿(mǎn)足商業(yè)項(xiàng)目的需求，我們也支持用戶(hù)直接使用kivicube小程序AR插件進(jìn)行二次開(kāi)發(fā)，并且無(wú)縫嵌入已有的H5中！?

經(jīng)過(guò)以上教程的一系列操作，我們就能成功使用AR實(shí)境壁畫(huà)示例作出一個(gè)太陽(yáng)女神AR藝術(shù)展示場(chǎng)景啦！不能到壁畫(huà)現(xiàn)場(chǎng)打卡的小伙伴，可以微信掃描下方小程序碼與識(shí)別圖直接體驗(yàn)AR效果哦～

期待AR實(shí)境壁畫(huà)示例能更大程度的降低Kivicube用戶(hù)的AR制作門(mén)檻，幫助大家的創(chuàng)意腦洞盡快落地。同時(shí)對(duì)Kivicube目前的功能有任何的建議，歡迎直接與我們溝通！

關(guān)于彌知

專(zhuān)注于AR(增強(qiáng)現(xiàn)實(shí))原創(chuàng)技術(shù)研發(fā)，是國(guó)內(nèi)領(lǐng)先的AR整體解決方案服務(wù)商

旗下國(guó)內(nèi)首個(gè)WebXR在線(xiàn)制作平臺(tái)KIVICUBE，幫助用戶(hù)通過(guò)可視化編輯，零基礎(chǔ)即可制作出交互豐富的AR商業(yè)場(chǎng)景，并一鍵發(fā)布至小程序、公眾號(hào)與微博等多個(gè)平臺(tái)