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

[[195270]]

[[195271]]

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

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

ISV入駐與代碼托管底層還是基于聚石塔的開放平臺，由天貓互動平臺根據(jù)互動場景以及手機天貓、手機淘寶、PC等環(huán)境特性，提供統(tǒng)一的TidaSDK(Tmall&Taobao ISV Development API)賦能ISV。

TidaSDK包含的接口分為兩大類，包括傳感器、基礎(chǔ)UI等的終端能力接口以及抽獎、加購等業(yè)務能力接口，提供能力的同時保障穩(wěn)定性與安全性。ISV開發(fā)好應用之后發(fā)布到服務市場，商家根據(jù)自身業(yè)務情況進行選擇和訂購并通過店鋪裝修等渠道進行布點。

[[195272]]

隨著互動業(yè)務的不斷發(fā)展，我們發(fā)現(xiàn)天貓行業(yè)與品牌有兩大趨勢需要重點關(guān)注：

• 對定制化互動需求更加強烈，雖然在服務市場中訂購的應用通過一些可配置項能達到一定的個性化訴求，但對于很多品牌來說還是不夠的，品牌需要更多獨特的創(chuàng)意以及一對一的服務。
• 不僅在活動營銷上有需求，同時對日常的消費者體驗的提升也有強烈的需求，需要我們提供更多體驗升級的技術(shù)能力輸出，如3D體驗。

[[195273]]

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

[[195274]]

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

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

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

• 場景創(chuàng)作整合了AR掃、家裝AR購、虛擬試妝臺、3D汽車等內(nèi)容的創(chuàng)作入口，提供豐富的配置后臺，連接模型素材與定制服務中生產(chǎn)的內(nèi)容，并與招商系統(tǒng)、會場、店鋪、商品詳情等鏈路打通;
• 模型素材處理模塊提供多種模型文件的上傳、校驗、格式轉(zhuǎn)化、壓縮、商品與場景的映射等處理能力，降低人工溝通與處理的成本;
• 定制服務提供互動聯(lián)盟的自動化模型生成、人工模型制作、交互頁面開發(fā)、互動創(chuàng)意策劃、互動營銷定制等等服務，并能在線跟蹤訂單的開發(fā)情況以及驗收。

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

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

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

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

[[195277]] 

[[195278]]

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

[[195279]]

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

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

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

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

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

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

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

結(jié)語

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

【本文為51CTO專欄作者“阿里巴巴官方技術(shù)”原創(chuàng)稿件，轉(zhuǎn)載請聯(lián)系原作者】

戳這里，看該作者更多好文