天貓新技術(shù)新體驗(yàn)：互動(dòng)聯(lián)盟技術(shù)體系全面升級(jí)

　　2017年“天貓618理想生活狂歡節(jié)”已經(jīng)結(jié)束，不管是線上的會(huì)場(chǎng)還是線下的體驗(yàn)館都為大家留下了很深刻的印象：天眼AR、跨屏互動(dòng)、虛擬魔鏡、3D交互、全景漫游等黑科技，讓今年的618前所未有地?zé)狒[紛呈。相信很多小伙伴對(duì)這些體驗(yàn)背后的技術(shù)體系比較感興趣。此次將為大家揭開(kāi)神秘面紗，介紹一下618這些黑科技出自誰(shuí)的手，又是如何在大促的快節(jié)奏中高質(zhì)、高效生產(chǎn)出來(lái)的。

　　從“互動(dòng)開(kāi)放+TidaSDK”到“互動(dòng)聯(lián)盟+海螺碼頭”

　　天貓?jiān)?014年雙11開(kāi)始啟動(dòng)互動(dòng)開(kāi)放，目的是讓消費(fèi)者能從狂歡城進(jìn)入品牌店鋪玩小游戲獲取權(quán)益，為品牌商帶來(lái)進(jìn)店流量的同時(shí)也讓消費(fèi)者在進(jìn)店的時(shí)候更加有趣。所以天貓聯(lián)合商家事業(yè)部為雙11進(jìn)行ISV的招募，以滿(mǎn)足店鋪與消費(fèi)者的多樣性選擇。

　　ISV入駐與代碼托管底層還是基于聚石塔的開(kāi)放平臺(tái)，由天貓互動(dòng)平臺(tái)根據(jù)互動(dòng)場(chǎng)景以及手機(jī)天貓、手機(jī)淘寶、PC等環(huán)境特性，提供統(tǒng)一的TidaSDK(Tmall&Taobao ISV Development API)賦能ISV。TidaSDK包含的接口分為兩大類(lèi)，包括傳感器、基礎(chǔ)UI等的終端能力接口以及抽獎(jiǎng)、加購(gòu)等業(yè)務(wù)能力接口，提供能力的同時(shí)保障穩(wěn)定性與安全性。ISV開(kāi)發(fā)好應(yīng)用之后發(fā)布到服務(wù)市場(chǎng)，商家根據(jù)自身業(yè)務(wù)情況進(jìn)行選擇和訂購(gòu)并通過(guò)店鋪裝修等渠道進(jìn)行布點(diǎn)。

　　隨著互動(dòng)業(yè)務(wù)的不斷發(fā)展，天貓技術(shù)團(tuán)隊(duì)發(fā)現(xiàn)天貓行業(yè)與品牌有兩大趨勢(shì)需要重點(diǎn)關(guān)注：

　　• 對(duì)定制化互動(dòng)需求更加強(qiáng)烈，雖然在服務(wù)市場(chǎng)中訂購(gòu)的應(yīng)用通過(guò)一些可配置項(xiàng)能達(dá)到一定的個(gè)性化訴求，但對(duì)于很多品牌來(lái)說(shuō)還是不夠的，品牌需要更多獨(dú)特的創(chuàng)意以及一對(duì)一的服務(wù)。

　　• 不僅在活動(dòng)營(yíng)銷(xiāo)上有需求，同時(shí)對(duì)日常的消費(fèi)者體驗(yàn)的提升也有強(qiáng)烈的需求，需要天貓技術(shù)團(tuán)隊(duì)提供更多體驗(yàn)升級(jí)的技術(shù)能力輸出，如3D體驗(yàn)。

　　[插入掃魚(yú)視頻：請(qǐng)見(jiàn)素材包]

　　基于這兩點(diǎn)，2016年天貓技術(shù)聯(lián)合阿里巴巴UED團(tuán)隊(duì)主辦了第一屆“喵葩互動(dòng)創(chuàng)意大賽”，選拔符合天貓業(yè)務(wù)升級(jí)要求的優(yōu)秀ISV組成“天貓互動(dòng)聯(lián)盟”，進(jìn)行體系化的技術(shù)培訓(xùn)、系統(tǒng)化的訂單推薦、靈活的驗(yàn)收與結(jié)算方式等服務(wù)，目前已有數(shù)十家服務(wù)商成為天貓互動(dòng)聯(lián)盟正式成員。獲得認(rèn)證后的互動(dòng)聯(lián)盟服務(wù)商具備更可靠的技術(shù)能力以及業(yè)務(wù)能力，并熟悉阿里生態(tài)和開(kāi)放平臺(tái)的環(huán)境，將為業(yè)務(wù)方帶來(lái)更高效的定制服務(wù)。

　　半年來(lái)，互動(dòng)聯(lián)盟為天貓超級(jí)品牌日、粉絲趴、阿里魚(yú)、618、天貓各行業(yè)等眾多業(yè)務(wù)方盡百個(gè)項(xiàng)目的上線，同時(shí)多個(gè)聯(lián)盟服務(wù)商也因此不斷拓展市場(chǎng)，實(shí)現(xiàn)了很好的盈利模式。

　　此外，天貓?jiān)?017年初推出了“海螺碼頭平臺(tái)”，為消費(fèi)者交互體驗(yàn)升級(jí)打通整體鏈路，提供從模型素材生產(chǎn)到場(chǎng)景輸出一站式服務(wù)(目前以3D&AR為主)，建立天貓品牌與互動(dòng)聯(lián)盟的連接，天貓小二、品牌商家、互動(dòng)聯(lián)盟成員都可以進(jìn)入海螺碼頭進(jìn)行內(nèi)容的創(chuàng)作以及發(fā)布。

　　目前，海螺碼頭平臺(tái)包括了場(chǎng)景創(chuàng)作、模型素材、定制服務(wù)三大核心模塊：

　　• 場(chǎng)景創(chuàng)作整合了AR掃、家裝AR購(gòu)、虛擬試妝臺(tái)、3D汽車(chē)等內(nèi)容的創(chuàng)作入口，提供豐富的配置后臺(tái)，連接模型素材與定制服務(wù)中生產(chǎn)的內(nèi)容，并與招商系統(tǒng)、會(huì)場(chǎng)、店鋪、商品詳情等鏈路打通;

　　• 模型素材處理模塊提供多種模型文件的上傳、校驗(yàn)、格式轉(zhuǎn)化、壓縮、商品與場(chǎng)景的映射等處理能力，降低人工溝通與處理的成本;

　　• 定制服務(wù)提供互動(dòng)聯(lián)盟的自動(dòng)化模型生成、人工模型制作、交互頁(yè)面開(kāi)發(fā)、互動(dòng)創(chuàng)意策劃、互動(dòng)營(yíng)銷(xiāo)定制等等服務(wù)，并能在線跟蹤訂單的開(kāi)發(fā)情況以及驗(yàn)收。

　　4月份上線以來(lái)，海螺碼頭已經(jīng)覆蓋近萬(wàn)個(gè)品牌商家以及處理了大量的模型素材，不斷完善的技術(shù)體系與生產(chǎn)鏈路為業(yè)務(wù)方帶來(lái)巨大的商業(yè)價(jià)值。

　　[AR購(gòu)gif圖+汽車(chē)3D體驗(yàn)gif圖]

　　從“掃圖片”到“天眼”，TidaSDK 4.0升級(jí)AR接口

　　天貓互動(dòng)聯(lián)盟與海螺碼頭的開(kāi)放生態(tài)繼續(xù)在TidaSDK的基礎(chǔ)上進(jìn)行升級(jí)，在618之前就已經(jīng)開(kāi)放了基于Marker-based圖像識(shí)別的AR接口，廣泛應(yīng)用于消費(fèi)者掃Logo、海報(bào)、電視大屏、商品包裝等場(chǎng)景中。

　　這次618，天貓技術(shù)為互動(dòng)聯(lián)盟開(kāi)放了更為領(lǐng)先與強(qiáng)大的云識(shí)別接口以及試妝臺(tái)人臉識(shí)別，其中基于深度學(xué)習(xí)的3D物體云識(shí)別以及客戶(hù)端的SLAM定位技術(shù)，是“天眼”效果的基石，通過(guò)與webview中web3d渲染層的同步，讓消費(fèi)者不再只能掃平面的東西，現(xiàn)在可以通過(guò)攝像頭和任意物體進(jìn)行交互，真正做到了現(xiàn)實(shí)與虛擬的強(qiáng)融合。

　　如下面視頻所示，消費(fèi)者可以對(duì)著眼前真實(shí)的新款洗碗機(jī)，在攝像頭中與它交互，非常直觀的了解它的功能細(xì)節(jié)。這樣消費(fèi)者在線下的商場(chǎng)就不再需要等待導(dǎo)購(gòu)員的咨詢(xún)了，或者通過(guò)線上購(gòu)買(mǎi)到家安裝后，也可以通過(guò)手機(jī)天貓對(duì)著它實(shí)時(shí)指導(dǎo)怎么使用。

　　[洗碗機(jī)視頻：請(qǐng)見(jiàn)素材包或者插入以下gif圖]

　　從Hilo2D到Hilo3D，兼容性與性能再優(yōu)化

　　很多朋友都知道天貓技術(shù)團(tuán)隊(duì)去年開(kāi)源了支持webgl、cavans、dom等多種渲染模式的Hilo動(dòng)畫(huà)引擎，但只開(kāi)源了2D部分，隨著AR和3D業(yè)務(wù)的發(fā)展，3D的渲染訴求也越來(lái)越強(qiáng)烈。上文有提到天眼的交互采用的是Web3D體系進(jìn)行模型的渲染，因?yàn)樽裱瓨I(yè)界標(biāo)準(zhǔn)的底層，有利于互動(dòng)聯(lián)盟的開(kāi)放生態(tài)的持續(xù)發(fā)展。

　　但是也存在部分低端手機(jī)兼容性與性能的問(wèn)題，所以天貓技術(shù)團(tuán)隊(duì)趕在618之前就已經(jīng)完成了Hilo3D第一個(gè)測(cè)試版本的研發(fā)，手機(jī)天貓與手機(jī)淘寶中的webview底層也針對(duì)Hilo3D進(jìn)行了兼容性與性能的優(yōu)化，天貓技術(shù)團(tuán)隊(duì)將在合適的時(shí)候?qū)ilo3D也進(jìn)行開(kāi)源，Hilo3D的設(shè)計(jì)原則是：

　　• 沿用Hilo2D的設(shè)計(jì)風(fēng)格與開(kāi)發(fā)方式，極簡(jiǎn)+易上手

　　• 支持glTF模型，提供在線格式轉(zhuǎn)化器

　　• 聚焦在渲染效果、性能、兼容性三方面，并通過(guò)擴(kuò)展的方式進(jìn)行工具化建設(shè)

　　現(xiàn)在Hilo3D已經(jīng)在邀請(qǐng)內(nèi)測(cè)階段，感興趣的朋友可以到地址中提交issue進(jìn)行申請(qǐng)。

　　結(jié)語(yǔ)

　　這次天貓618線下體驗(yàn)館與線上會(huì)場(chǎng)新體驗(yàn)，都是基于以上技術(shù)體系進(jìn)行打造的，為生態(tài)中的各角色降低創(chuàng)新業(yè)務(wù)的落地成本。圍繞著海螺碼頭這個(gè)虛擬內(nèi)容的生產(chǎn)鏈，結(jié)合互動(dòng)聯(lián)盟+TidaSDK+Hilo3D的開(kāi)放能力，天貓技術(shù)團(tuán)隊(duì)相信越來(lái)越多新體驗(yàn)的內(nèi)容將涌現(xiàn)，融合線上線下，為消費(fèi)者帶來(lái)隨時(shí)隨地、身臨其境的購(gòu)物體驗(yàn)，為品牌商家?guī)?lái)更加有效的品牌升級(jí)服務(wù)。