基於HTML5實現的在線3D虛擬試衣系統(試衣間)解決方案

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章