3D虛擬試衣系統的使用場景主要是在線電商或數字營銷,爲品牌服裝、服飾、飾品添加高端3D虛擬購物動效,提升用戶感官體驗和交互體驗。
要研發這樣的在線系統,有2個方向,一個是使用Flash或Unity3D這些第三方網頁插件,第二個就是純Web方案(也就是HTML5/WebGL)。
Flash在移動端有死穴,Unity3D所依賴的API在新版本Chrome中得不到支持(V42以後),而H5是行業開放標準是現在也是未來。因此我們選擇基於H5來實現這個目標。
踏得網基於網頁/HTML5在行業內獨家研發了一套在線3D虛擬試衣系統,目前是功能演示/測試版本,包含如下基本功能:
1. 純Web/HTML5版本,無需用戶安裝任何插件,跨平臺跨設備終端,只要是支持WebGL規範的現代瀏覽器就可以運行;
2. 360°瀏覽模特和衣服,支持交互式縮放、旋轉、平移;
3. 可修改模特參數,以匹配自己的身材體型;
4. 可選擇不同的衣服進行試穿;
5. 可選擇模特的膚色;
6. 可選擇環境參數,如光照顏色、是否有風、是否需要聚光效果、舞臺是否需要自動旋轉等;
如果選擇有風的環境,則呈現自然風吹拂擺動/波動特效。
產品演示截圖如下:
一大波更爲有趣的功能即將來襲:
添加3D場景(室內外)構建、虛擬T臺秀(虛擬走秀)和更多模特、衣服模型和動作的製作,以及和VR/AR技術的結合。
小視頻功能演示:
http://wow.techbrood.com/fiddle/31345?vm=full