為大家留下了很深刻的印象：天眼AR、跨屏互動、虛擬魔鏡、3D交互、全景漫游等黑科技，讓今年的618***地?zé)狒[紛呈。相信很多小伙伴對這些體驗背后的技術(shù)體系比較感興趣。此次將為大家揭開神秘面紗，介紹一下618這些黑科技出自誰的手，又是如何在大促的快節(jié)奏中高質(zhì)、高效生產(chǎn)出來的。

2017年“天貓618理想生活狂歡節(jié)”已經(jīng)結(jié)束，不管是線上的會場還是線下的體驗館都

從“互動開放+TidaSDK”到“互動聯(lián)盟+海螺碼頭”

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

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

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

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

不僅在活動營銷上有需求，同時對日常的消費者體驗的提升也有強烈的需求，需要天貓技術(shù)團(tuán)隊提供更多體驗升級的技術(shù)能力輸出，如3D體驗。

[插入掃魚視頻：請見素材包]

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

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

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

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

場景創(chuàng)作整合了AR掃、家裝AR購、虛擬試妝臺、3D汽車等內(nèi)容的創(chuàng)作入口，提供豐富的配置后臺，連接模型素材與定制服務(wù)中生產(chǎn)的內(nèi)容，并與招商系統(tǒng)、會場、店鋪、商品詳情等鏈路打通;模型素材處理模塊提供多種模型文件的上傳、校驗、格式轉(zhuǎn)化、壓縮、商品與場景的映射等處理能力，降低人工溝通與處理的成本;

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

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

[AR購gif圖+汽車3D體驗gif圖]

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

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

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

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

[洗碗機視頻：請見素材包或者插入以下gif圖]

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

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

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

沿用Hilo2D的設(shè)計風(fēng)格與開發(fā)方式，極簡+易上手

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

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

現(xiàn)在Hilo3D已經(jīng)在邀請內(nèi)測階段，感興趣的朋友可以到https://github.com/hiloteam/Hilo 中提交issue進(jìn)行申請。

結(jié)語

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