袁自勇　李瑤　傅威

摘要：通過真人模特實拍圖建立人體模型，運用疊加層技術將人體模型與衣服模型匹配，并且將試衣效果圖以網頁的方式展現出來。該3D虛擬試衣系統(tǒng)可以根據用戶選擇的模特性別及身材參數來構造虛擬人體模特，實現試衣展示和價格核算功能，并通過服務器端的數據庫保存用戶的個人信息和衣服搭配方案，更好地幫助用戶選擇衣服。

關鍵詞：3D；網頁；疊加層技術；試衣系統(tǒng)

中圖分類號：TP302 文獻標識碼：A 文章編號：1009-3044（2017）08-0108-03

1概述

據調查，我國的網民數量已達6.49億，互聯網普及率高達近50%。而網絡購物作為一種新興的購物模式，因其物美價廉而受到不少消費者的喜愛。但是據我們了解，雖然各大網上購物平臺都有商品評價機制，且商品具有實物照片，但是作為買家仍然有諸多不便，服裝類商品不能試穿，尺碼也不統(tǒng)一。導致很多消費者網上購買的衣服并不合身，造成不愉快的購物體驗。我們的產品正是基于這一點來開發(fā)出的3D試衣技術。利用人體的參數來構成真人3D模型，代替消費者“試穿”其想要購買的衣物，為其買此類商品提供較為可靠的參考。

中國的3D模型市場是一個巨大的市場，越來越多的公司開始向3D產業(yè)邁進，但是3D模型應用到服裝業(yè)的市場幾乎空白?，F今3D技術發(fā)展已經較為成熟，在游戲，影視和動畫行業(yè)早已投入使用。近幾年3D打印技術的迅猛發(fā)展更是使3D技術日趨成熟，布料仿真，衣物動畫技術的相繼出現，使3D虛擬試衣成為現實。而我們的3D試衣系統(tǒng)能為用戶選購衣服時提供較大的方便，具有很大的發(fā)展空間。

2系統(tǒng)分析與設計

項目的意義在于為消費者的服裝購物提供便利，使廣大網上消費者能夠快速地找到適合自身的衣物。該項目的另一意義在于實現3D環(huán)境下的兩個不同單位的相互匹配（即3D人體模型與服裝之間的匹配），該項目將3D模擬技術與電子商務結合，不僅思想新穎，而且具有很大的市場空間。

本項目設計的3D試衣系統(tǒng)能夠多方位地展示服裝和模特的三維模型，進而完成虛擬試衣并翻轉展示，填補了國內3D虛擬試衣系統(tǒng)的空白，極大地提高了虛擬試衣的真實性。和國外的3D虛擬試衣間相比，本系統(tǒng)也有其突出特點。由于建設性地把服裝操控技術引入虛擬試衣間的設計中，3D試衣系統(tǒng)有較好的實時性，并且允許用戶對虛擬模特身上的服裝做交互式微調，增加了用戶試衣的靈活性。

2.1系統(tǒng)需求分析

“基于3D模擬與匹配技術的試衣系統(tǒng)”應具有以下功能：

1）用戶登錄功能。我們每個進人試衣系統(tǒng)的用戶都有自己的賬號密碼，保證了用戶信息的安全性和保密性。

2）性別選擇功能。進人試衣系統(tǒng)，用戶可自由選擇性別，這樣可以有不同的衣服可供選擇。

引選衣功能。系統(tǒng)要能夠比較主觀的展示出一系列的衣服，展示的房間里是一個2D仿3D服裝庫，用戶可以通過鼠標或者鍵盤操作來選擇喜歡的服裝，以供虛擬試衣之用。

4）角度轉換功能。我們的模特試衣效果，可以進行正反轉換，這樣可以為用戶提供更好的視覺體驗。

5）模特體型改變功能。不同的人擁有不同的體型，我們?yōu)槟Ｌ卦O立了三種體型，可供用戶自由選擇，這樣可以看出衣服的真正穿著效果。

6j金額計算功能。本系統(tǒng)會自動計算用戶選擇衣服的總價格，供用戶購買衣服提供參考。

7）搭配收藏功能。系統(tǒng)具備收藏用戶衣服搭配的功能，方便日后的查找。

2.2系統(tǒng)框架設計

“基于3D模擬與匹配技術的試衣系統(tǒng)”是使用真人模特實拍圖建立男女原始模型，并運行Java、C++、HTML等語言實現界面的生成與后臺的搭建。最終可以通過設置人體模型的三圍等數據，將衣服套穿在模型上，給用戶更好的視覺體驗。

該系統(tǒng)采用模塊化設計，模塊之間是松耦合的，當需求發(fā)生變化的時候，向系統(tǒng)中添加和刪減模塊十分簡單。該系統(tǒng)充分考慮到負載平衡的問題，隨著訪問量的增加，可以通過調整服務器配置參數方面來提供更多的用戶在線訪問的功能。

此外，系統(tǒng)采用Mysql數據庫，即時保存用戶的選擇和偏好，以便商家和用戶分析查看，而且數據的安全性也得以保證。由于用戶試穿的訪問量比較大，加上有大量的圖片素材，可以采用P2P技術進行匹配，保證系統(tǒng)運行的流暢性。

3系統(tǒng)功能設計

3.1系統(tǒng)總體結構

本系統(tǒng)主要由客戶端與服務端兩部分構成，其中客戶端包括登錄模塊，以及試衣與瀏覽模塊，而服務端主要包括系統(tǒng)管理模塊與數據交互模塊。系統(tǒng)功能結構圖如圖1所示。

3.2系統(tǒng)各模塊設計

3.2.1客戶端系統(tǒng)主要功能如下

3.2.1.1登錄與注冊模塊

在登錄界面新用戶注冊成為會員，檢驗用戶信息是否合法，如不合法，提示用戶修改；如合法，將用戶登錄信息經數據傳遞模塊傳送的數據庫儲存，保證在下次用戶登錄系統(tǒng)時能正確的驗證用戶的注冊信息。

3.2.1.2試衣與瀏覽模塊

1）服裝方面：從數據庫中調出已有的服裝展示給用戶，使用戶瀏覽不同品牌和不同類型的服裝，用戶可以自由選擇服裝搭配，在相應的模特上觀看試穿效果，以便于用戶選擇，用戶可以收藏自己喜歡的搭配，以便于下次更好的尋找。

2）模特方面：用戶可以自由選擇適合自己體型的模特，可以從多角度觀看衣服在模特身上試穿的效果，為購買衣服提供參考。

3.2.2服務端系統(tǒng)

主要功能如下：

3.2.2.1系統(tǒng)管理模塊

系統(tǒng)對用戶信息及個人三維模特進行數據存儲，確保用戶信息不會出現錯亂，每當新增加一個用戶信息，或服裝增加時，都會對數據庫進行更新，確保系統(tǒng)穩(wěn)定運行同時便于管理員對系統(tǒng)進行維護管理。

3.2.2.2數據交互模塊

用戶在客戶端所產生的數據回饋給數據庫，數據庫根據數據類型進行數據綜合管理，再根據數據分析調用相應的衣服反饋給客戶端，達到系統(tǒng)有序高效的運轉。

3.3效果圖展示

3.3.1用戶登錄界面

用戶可在登錄界面登錄或注冊賬號（如圖2）。

3.3.2挑選與試衣界面

用戶可在左側的衣物區(qū)點擊相應的衣物，在右側的人物模型上瀏覽相應的情況必要時可進行人物的翻轉（如圖3）。

4系統(tǒng)的關鍵技術

4.1B/S結構

B/S結構（Browser/Server），是WEB興起后的一種網絡結構模式。該模式將系統(tǒng)功能實現的核心部分集中到服務器上，客戶機上只要安裝一個瀏覽器，服務器安裝數據庫即可，瀏覽器通過Web Server同數據庫進行數據交互。

本系統(tǒng)采用模塊化設計，所有的模塊都是P2B/S結構實現，將客戶機的壓力大大減低，負荷均勻地分配給服務器。此外，B/S結構從根本上彌補了傳統(tǒng)的二層模式的C/S結構的缺陷。首先BIS建立在廣域網之上，比C/S具有更強的適應范圍。其次，B/S的多重結構要求構件相對獨立的功能，能夠相對較好的重用。而且，B/S建立在瀏覽器上，有更加豐富和生動的表現方式與用戶交流，減低難度和開發(fā)成本。

4.2AJAX開發(fā)技術

AJAX即“Asynchronous Javascript And XML”，是指一種創(chuàng)建交互式網頁應用的網頁開發(fā)技術。通過在后臺與服務器進行少量數據交換，AJAX可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。傳統(tǒng)的網頁如果需要更新內容，必須重載整個網頁頁面。

本系統(tǒng)通過XMLHTTPRequest對象，使得JavaScript可在不重載頁面的情況與Web服務器交換數據，即在不需要刷新頁面的情況下，就可以產生局部刷新的效果。此外本系統(tǒng)中使用$.ajax（）方法實現試衣間的前端與數據庫的交互，采用post請求方式來請求服務器進行處理。

4.3疊加層技術

本系統(tǒng)采用真人模特實拍圖建立男、女兩個原始模型，如果用戶先穿上了一件襯衫，然后在外面再穿上一件西裝，需要實現兩件衣服疊穿的效果，通過疊加層的技術去模擬衣服搭配的效果，再配合衣服圖片制作的時候加入的立體效果和適當的陰影，讓試衣效果盡可能的逼真。此外再通過CSS的style屬性控制層是否顯示來實現是否試穿某件衣服的效果和css的z-in-dex屬性控制層的疊加來實現衣服的疊穿效果。

5結束語

該虛擬試衣系統(tǒng)實現了真人人體模型試穿衣服、衣服價格核算以及試衣效果多方位展示的功能，為用戶在網購衣服時提供了有效的參考。該系統(tǒng)采用B/S結構取代了傳統(tǒng)的二層模式的C/S結構，大大降低了客戶機的配置要求和負荷，保證了真正的Thin-Client機制，符合當前網絡應用發(fā)展趨勢，具有較好的發(fā)展前景。當然該系統(tǒng)還存在著改進之處，比如通過加入領帶、包、飾品等的搭配效果，以及360度旋轉、試衣間情景再現功能，讓試衣過程更趨完善。