專利名稱：將木門2d平面圖片轉(zhuǎn)換為3d模型的在線展示方法
技術(shù)領(lǐng)域：
本發(fā)明涉及圖像處理技術(shù)領(lǐng)域，具體涉及一種將2D平面圖轉(zhuǎn)換為3D模型的在線
展示方法。
背景技術(shù)：
目前互聯(lián)網(wǎng)的木門產(chǎn)品展示，由企業(yè)將自己生產(chǎn)的木門拍攝成照片，再利用網(wǎng)站的后臺管理程序，通過“瀏覽” “上傳”功能，將圖片上傳到網(wǎng)站的服務(wù)器，這樣通過瀏覽器網(wǎng)站訪問木門企業(yè)網(wǎng)站，僅能看到企業(yè)的產(chǎn)品的2D平面圖片。這種2D平面圖片的展示，不能動態(tài)顯示木門的使用效果，背景圖也不符合實(shí)際購買木門的購買應(yīng)用，不能讓消費(fèi)者利用互聯(lián)網(wǎng)獲得直觀的產(chǎn)品虛擬體驗(yàn)。現(xiàn)有技術(shù)中的一些3D顯示方法算法復(fù)雜，需要另行下載客戶端才能實(shí)現(xiàn)3D瀏覽使用不便，還沒有適合于在線應(yīng)用的木門3D展示方法。

發(fā)明內(nèi)容
本發(fā)明的目的在于提供一種將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法， 算法簡單，能通過互聯(lián)網(wǎng)操作，將2D平面圖片轉(zhuǎn)換為3D圖形，并可展示木門的三維旋轉(zhuǎn)、開門關(guān)門等3D動態(tài)展示效果。本發(fā)明的目的是這樣實(shí)現(xiàn)的，將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法， 包括如下步驟1)通過.net后臺上傳木門2D平面圖片到服務(wù)器并保存到數(shù)據(jù)庫；2)讀取木門2D平面圖片中木門的參數(shù)，包括門框?qū)挾取㈤T框高度、門板寬度數(shù)據(jù)， 并保存到數(shù)據(jù)庫；3)通過.net后臺生成木門2D平面圖片及其對應(yīng)木門參數(shù)的xml接口 ；4)在Flash中讀取xml接口獲取木門2D平面圖片數(shù)據(jù)及參數(shù)；5)加載圖片，并獲取門板高度，門框?qū)挾雀叨葦?shù)據(jù)；6)設(shè)置木門的厚度，并生成前、后、左、右四個(gè)顯示平面，將四個(gè)顯示平面拼接到一起，生成3D顯示模型；7)將木門2D平面圖片加載到3D顯示模型的前、后兩個(gè)顯示平面，吸取木門2D平面圖片的顏色，繪制與左、右兩個(gè)顯示平面對應(yīng)的長方形并加載到左、右兩個(gè)顯示平面，生成木門的3D顯示對象；8)根據(jù)門框的寬度和高度，隱藏門框，獲得門板顯示對象，并吸取木門2D平面圖片顏色，繪制左右兩個(gè)矩形平面，修改其縱軸角度，分別加載到左、右兩側(cè)，拼接正面和反面的木門2D平面圖，生成門板3D顯示對象；9)將已經(jīng)由2D平面轉(zhuǎn)3D立體門板的縱軸軸線設(shè)定到合頁的軸線位置，使門板實(shí)現(xiàn)可沿合頁軸線轉(zhuǎn)動。當(dāng)開門狀態(tài)，木門3D立體門板縱軸遞加實(shí)現(xiàn)2D平面圖轉(zhuǎn)換3D開門效果；當(dāng)關(guān)門狀態(tài)，木門3D立體門板的縱軸遞減實(shí)現(xiàn)2D平面圖轉(zhuǎn)換3D關(guān)門效果；
進(jìn)一步，所述步驟4-9)通過FLASH實(shí)現(xiàn)。進(jìn)一步，步驟4)中，通過加載功能，通過xml接口獲取木門2D平面圖片數(shù)據(jù)及參數(shù)加載到flash播放器中。進(jìn)一步，還包括如下步驟11)將木門3D顯示對象加載到選定的房間背景中。進(jìn)一步，11)定義鼠標(biāo)操作，包括拖拽、向左旋轉(zhuǎn)、向右旋轉(zhuǎn)、停止旋轉(zhuǎn)、放大、縮小和停止縮放；12)接收鼠標(biāo)操作數(shù)據(jù)，根據(jù)鼠標(biāo)操作數(shù)據(jù)，控制木門或門板的3D顯示對象運(yùn)動。進(jìn)一步，步驟12)中，當(dāng)接收到的鼠標(biāo)操作數(shù)據(jù)為開門時(shí)，將門板3D顯示對象根據(jù) Y軸旋轉(zhuǎn)到120度，獲得開門的動態(tài)效果；當(dāng)接收到的鼠標(biāo)操作數(shù)據(jù)為關(guān)門時(shí)，將門板3D顯示對象根據(jù)Y軸旋轉(zhuǎn)到0度，獲得關(guān)門的動態(tài)效果。當(dāng)接收到鼠標(biāo)的拖拽操作時(shí)，木門的位置根據(jù)鼠標(biāo)拖拽而變動。當(dāng)接收到鼠標(biāo)操作為向左旋轉(zhuǎn)或向右旋轉(zhuǎn)操作時(shí)，3D木門顯示對象根據(jù)縱軸旋轉(zhuǎn)，適應(yīng)場景圖的木門擺放位置。進(jìn)一步，13)鼠標(biāo)選擇其它木門展示圖片時(shí)，清空現(xiàn)有的木門3D顯示對象，執(zhí)行步驟4-10)生成新選擇的木門對應(yīng)的3D顯示對象并加載到選定的房間背景中。本發(fā)明的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，算法簡單，在互聯(lián)網(wǎng)中的大多數(shù)電腦上均安裝有adobe的flash插件，因此大多數(shù)消費(fèi)者并不需要特殊的安裝或設(shè)置即能進(jìn)行3D木門直觀的遠(yuǎn)程虛擬體驗(yàn)，幫助消費(fèi)者獲取木門產(chǎn)品直觀的使用體驗(yàn)， 并且作為企業(yè)的銷售平臺工具，可對整個(gè)銷售網(wǎng)絡(luò)形成成本低廉的支撐。并給木門的消費(fèi)者帶來了消費(fèi)前的產(chǎn)品虛擬體驗(yàn)，解決了現(xiàn)有的2D產(chǎn)品圖片網(wǎng)絡(luò)展示帶來的產(chǎn)品演示屏障，擁有一種更便捷更省心的3D產(chǎn)品體驗(yàn)。


圖1本發(fā)明將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法的流程示意圖。 具體實(shí)施方案參見圖1，本實(shí)施例將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，包括如下步驟1)通過.net后臺，上傳木門靜態(tài)2D圖片到服務(wù)器并保存到數(shù)據(jù)庫，所述數(shù)據(jù)庫可使用MSSql數(shù)據(jù)庫；2)讀取木門2D平面圖片中木門的參數(shù)，包括如下幾個(gè)數(shù)據(jù)，并保存到數(shù)據(jù)庫Tl值木門門框的寬度。T2值木門門框的高度。T3值木門門板的寬度。信息值木門的產(chǎn)品參數(shù)值3)通過.net后臺，通過循環(huán)語句，將木門產(chǎn)品的列表循環(huán)顯示成xml數(shù)據(jù)結(jié)構(gòu)的產(chǎn)品資料，方便Flash讀取，XML中，每條產(chǎn)品信息，包括發(fā)布時(shí)設(shè)定的T1、T2、T3等參數(shù)，生成木門2D平面圖片及其對應(yīng)木門參數(shù)的xml接口。4)通過FLASH讀取xml接口獲取木門2D平面圖片數(shù)據(jù)及參數(shù)可通過loader的加載功能，將xml數(shù)據(jù)加載到flash播放器中，設(shè)立xml對象并存儲加載的loader, data數(shù)據(jù)，生成xml對象，通過以上算法，flash可以成為一個(gè)靜態(tài)的，flash播放器可加載讀取篩選的靜態(tài)XML數(shù)據(jù)庫，其中包括木門2D圖片和每個(gè)木門對應(yīng)的Tl，T2，T3參數(shù)。5)Flash端解析xml數(shù)據(jù)，加載圖片，并獲取門板高度數(shù)據(jù)在flash中聲明加載外部資源loader對象，將圖片鏈接的字符串賦予URLRequest方法，并通過loader的load 方法，將圖片加載到Flash中的loader對象中，并通過as命令轉(zhuǎn)換成BitmapData對象， BitmapData對象可生成多個(gè)圖片顯示到Flash中，因此可節(jié)省更多的內(nèi)存資源。作為全局變量調(diào)用；Flash將圖片加載入并生成BitmapDa ta后，將這個(gè)圖片的數(shù)據(jù)流實(shí)例化，生成一個(gè)基準(zhǔn)圖片對象Bitmap對象，并添加到木門的顯示容器中，即MovieClip顯示容器，對木門對象添加多個(gè)屬性，包括木門的寬度，木門的高度，并且賦予xml解析讀取的T1、T2、T3屬性，即木門門框的高度、寬度、門板的寬度，并根據(jù)整個(gè)木門的高度減去門框的高度，生成Τ4 屬性木門門板的高度。6)設(shè)置木門的厚度，并生成前、后、左、右四個(gè)顯示平面，將四個(gè)顯示平面拼接，生成3D顯示模型，其中平面前縱軸和深度為0，平面左縱軸為-90、深度為平面寬度的1/2，平面右縱軸為90，橫向坐標(biāo)為平面寬度，深度為平面寬度的1/2，平面后深度為平面寬度，根據(jù)三位坐標(biāo)變化2D圖片拼接成3D顯示對象；7)將木門2D平面圖片加載到3D顯示模型的前、后兩個(gè)顯示平面組成木門的正面和背面，吸取木門2D平面圖片的顏色，繪制與左、右兩個(gè)顯示平面對應(yīng)的長方形并加載到左、右兩個(gè)顯示平面，生成木門3D顯示對象；8)根據(jù)XML中加載的當(dāng)前顯示木門的門框的寬度和高度，隱藏門框，獲取靜態(tài)的門板圖像數(shù)據(jù)，將木門數(shù)據(jù)添加到3D立方體的正面背面形成木門的正反面，獲取木門顏色加深添加到3D顯示對象的側(cè)面形成木門厚度，生成門板的3D顯示對象；9)將門板的縱軸軸線(即Y軸)設(shè)定到合頁的軸線位置，賦予中心軸旋轉(zhuǎn)程序方法，加載門板大小相同的背景圖插入門板之下，接收UI控制按鈕傳送的角度數(shù)據(jù)，根據(jù)門板角度的遞增遞減，使門板實(shí)現(xiàn)可沿合頁軸線轉(zhuǎn)動，實(shí)現(xiàn)開關(guān)門效果，開門后看到場景地圖，呈現(xiàn)逼真的2D圖片轉(zhuǎn)3D開關(guān)門；10)將木門3D顯示對象加載到選定的房間背景中，實(shí)現(xiàn)場景搭配；11)定義鼠標(biāo)操作，包括拖拽、向左旋轉(zhuǎn)、向右旋轉(zhuǎn)、停止旋轉(zhuǎn)、放大、縮小和停止縮放，實(shí)現(xiàn)木門3D自由定位；12)接收鼠標(biāo)操作數(shù)據(jù)，根據(jù)鼠標(biāo)操作數(shù)據(jù)，控制木門或門板的3D顯示對象運(yùn)動， 門板的旋轉(zhuǎn)可通過旋轉(zhuǎn)Y軸實(shí)現(xiàn)，縮放操作可通過縮放Y軸實(shí)現(xiàn)。當(dāng)控制門板旋轉(zhuǎn)時(shí)，即顯示出開、關(guān)門的效果，具體采用如下方式實(shí)現(xiàn)增加一個(gè)方法命令。方法命令根據(jù)接收的鼠標(biāo)操作數(shù)據(jù)，判斷為開門狀態(tài)命令或關(guān)門狀態(tài)命令，并確定應(yīng)旋轉(zhuǎn)到的Y軸角度。例如傳遞開門狀態(tài)命令時(shí)，Y軸角度應(yīng)達(dá)到的角度為120度，即將門板3D顯示對象根據(jù)Y軸旋轉(zhuǎn)到120度，達(dá)到開門的視圖，如果當(dāng)前木門Y軸旋轉(zhuǎn)角度小于120，便在現(xiàn)有 Y軸旋轉(zhuǎn)值基礎(chǔ)上做遞增顯示，F(xiàn)lash中便可看到開門的動態(tài)效果。
5
當(dāng)傳遞關(guān)門狀態(tài)，參數(shù)值為0度，S卩門板3D對象根據(jù)Y軸旋轉(zhuǎn)到0度，達(dá)到關(guān)門的視圖，如果當(dāng)前木門Y軸角度大于0°，便在現(xiàn)有Y軸旋轉(zhuǎn)值基礎(chǔ)上做遞減顯示，F(xiàn)lash中便可看到關(guān)門的動態(tài)效果。當(dāng)接收到鼠標(biāo)的拖拽操作時(shí)，木門的位置根據(jù)鼠標(biāo)拖拽而變動；當(dāng)接收到鼠標(biāo)操作為向左旋轉(zhuǎn)或向右旋轉(zhuǎn)操作時(shí)，3D木門顯示對象根據(jù)縱軸旋轉(zhuǎn)，適應(yīng)場景圖的木門擺放位置。13)鼠標(biāo)選擇其它木門展示圖片時(shí)，清空現(xiàn)有的木門3D顯示對象，執(zhí)行步驟4-10) 生成新選擇的木門對應(yīng)的3D顯示對象并加載到選定的房間背景中。
權(quán)利要求
1.將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于包括如下步驟1)上傳木門2D平面圖片到服務(wù)器并保存到數(shù)據(jù)庫；2)讀取木門2D平面圖片中木門的參數(shù)，包括門框?qū)挾取㈤T框高度、門板寬度數(shù)據(jù)，并保存到數(shù)據(jù)庫；3)通過.net后臺生成木門2D平面圖片及其對應(yīng)木門參數(shù)的xml接口；4)讀取xml接口獲取木門2D平面圖片數(shù)據(jù)及參數(shù)；5)加載圖片，并獲取門板高度數(shù)據(jù)；6)設(shè)置木門的厚度，并生成前、后、左、右四個(gè)顯示平面，將四個(gè)顯示平面拼接到一起， 生成3D顯示模型；7)將木門2D平面圖片加載到3D顯示模型的前、后兩個(gè)顯示平面，吸取木門2D平面圖片的顏色，繪制與左、右兩個(gè)顯示平面對應(yīng)的長方形并加載到左、右兩個(gè)顯示平面，生成木門3D顯示對象；8)根據(jù)門框的寬度和高度，隱藏門框，獲得門板的3D顯示對象；9)將門板的縱軸軸線設(shè)定到合頁的軸線位置，使門板實(shí)現(xiàn)可沿合頁軸線轉(zhuǎn)動。
2.根據(jù)權(quán)利要求1所述的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于所述步驟4-9)通過FLASH實(shí)現(xiàn)。
3.根據(jù)權(quán)利要求2所述的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于步驟4)中，通過加載功能，通過xml接口獲取木門2D平面圖片數(shù)據(jù)及參數(shù)加載到 flash播放器中。
4.根據(jù)權(quán)利要求1至3中任一項(xiàng)所述的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于還包括如下步驟11)將木門3D顯示對象加載到選定的房間背景中。
5.根據(jù)權(quán)利要求4所述的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于11)定義鼠標(biāo)操作，包括拖拽、向左旋轉(zhuǎn)、向右旋轉(zhuǎn)、停止旋轉(zhuǎn)、放大、縮小和停止縮放；12)接收鼠標(biāo)操作數(shù)據(jù)，根據(jù)鼠標(biāo)操作數(shù)據(jù)，控制木門或門板的3D顯示對象運(yùn)動。
6.根據(jù)權(quán)利要求5所述的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于步驟12)中，當(dāng)接收到的鼠標(biāo)操作數(shù)據(jù)為開門時(shí)，將門板3D顯示對象根據(jù)Y軸旋值遞加轉(zhuǎn)到120度，獲得開門的動態(tài)效果；當(dāng)接收到的鼠標(biāo)操作數(shù)據(jù)為關(guān)門時(shí)，將門板3D顯示對象根據(jù)Y軸旋轉(zhuǎn)值遞減到0度， 獲得關(guān)門的動態(tài)效果；當(dāng)接收到鼠標(biāo)的拖拽操作時(shí)，木門的位置根據(jù)鼠標(biāo)拖拽而變動；當(dāng)接收到鼠標(biāo)操作為向左旋轉(zhuǎn)或向右旋轉(zhuǎn)操作時(shí)，3D木門顯示對象根據(jù)縱軸旋轉(zhuǎn)，適應(yīng)場景圖的木門擺放位置。
7.根據(jù)權(quán)利要求6所述的將木門2D平面圖片轉(zhuǎn)換為3D模型的在線展示方法，其特征在于還包括如下步驟13)鼠標(biāo)選擇其它木門展示圖片時(shí)，清空現(xiàn)有的木門3D顯示對象， 執(zhí)行步驟4-10)生成新選擇的木門對應(yīng)的3D顯示對象并加載到選定的房間背景中。
全文摘要
本發(fā)明涉及圖像處理技術(shù)領(lǐng)域，具體涉及一種通過Flash將木門2D平面圖片轉(zhuǎn)換為3D立體木門，方便在互聯(lián)網(wǎng)利用2D平面圖片進(jìn)行高效三維展示的圖像處理方法，可展示木門的三維旋轉(zhuǎn)、開門關(guān)門等3D動態(tài)效果，包括如下步驟上傳木門2D平面圖片到服務(wù)器并保存到數(shù)據(jù)庫；讀取木門2D平面圖片中木門的參數(shù)保存到數(shù)據(jù)庫；生成xm1接口；讀取xm1接口獲取木門2D平面圖片數(shù)據(jù)及參數(shù)；加載圖片，并獲取門板高度數(shù)據(jù)；設(shè)置木門的厚度，生成3D顯示模型；將木門2D平面圖片加載到3D顯示模型的前、后兩個(gè)顯示平面，最終生成木門3D顯示對象；隱藏門框，獲得門板的3D顯示對象；將門板的縱軸軸線設(shè)定到合頁的軸線位置，使門板實(shí)現(xiàn)可沿合頁軸線轉(zhuǎn)動。
文檔編號G06T13/20GK102521862SQ201110388858
公開日2012年6月27日 申請日期2011年11月30日 優(yōu)先權(quán)日2011年11月30日
發(fā)明者賈峻萊 申請人:青島展易網(wǎng)科技有限公司