一種構(gòu)建三維展品展示場景的系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種構(gòu)建展示場景的系統(tǒng)，尤其是涉及一種構(gòu)建三維展品展示場景的系統(tǒng)。
【背景技術(shù)】
[0002]在傳統(tǒng)的三維展品場景構(gòu)建方式中，生成的三維產(chǎn)品在線預(yù)覽總是需要額外的插件支持，來完成三維動畫視圖的渲染工作，這使得三維產(chǎn)品的在線展示兼容性和應(yīng)用普及受到一定限制。
[0003]傳統(tǒng)的三維展品場景構(gòu)建過程中，總是需要通過對場景進行編輯制作后，生成導(dǎo)出相應(yīng)文件才能在瀏覽器中查看三維展品的預(yù)覽效果，一旦發(fā)現(xiàn)有地方需要修改就需要重新對模型或代碼進行編輯修改，再重新生成進行預(yù)覽，這樣使得工作效率受到很大的負面影響。
[0004]傳統(tǒng)的三維展品場景構(gòu)建需要較為專業(yè)的編制基礎(chǔ)，對使用用戶的專業(yè)要求過高，參與三維產(chǎn)品展示場景構(gòu)建的人員往往是更專業(yè)于展品的布局設(shè)計，而不是專業(yè)的編程人員。因此，很難做到讓專業(yè)的設(shè)計人員專心于三維產(chǎn)品展示場景的構(gòu)建，還需花很多盡力去掌握一些其他編程領(lǐng)域的相關(guān)知識，使得團隊工作效率變低。
[0005]傳統(tǒng)的三維展品場景構(gòu)建往往使用客戶端軟件進行場景構(gòu)建，讓后再統(tǒng)一發(fā)布最終展品在瀏覽器上進行展示。在制作過程中，團隊人員總是需要在客戶端保存對應(yīng)的文件及代碼，及時使用版本控制等手段，也很難做到協(xié)同工作，可能出現(xiàn)重復(fù)編輯或錯誤覆蓋等問題，在工作量較大的情況下，會使得團隊的協(xié)同工作效率變低。

【發(fā)明內(nèi)容】

[0006]本發(fā)明的目的就是為了克服上述現(xiàn)有技術(shù)存在的缺陷而提供一種協(xié)同性好、實時性強、兼容性好的構(gòu)建三維展品展示場景的系統(tǒng)。
[0007]本發(fā)明的目的可以通過以下技術(shù)方案來實現(xiàn):
[0008]一種構(gòu)建三維展品展示場景的系統(tǒng)，用以在網(wǎng)頁瀏覽器中在線編輯和構(gòu)建三維展品展示場景，包括:
[0009]展示環(huán)境模塊，用以設(shè)置三維展品的展示模式、鏡頭屬性、光源、輔助坐標(biāo)和效果預(yù)覽；
[0010]模型設(shè)置模塊，用以在線編輯三維展品屬性和設(shè)置熱點；
[0011]用戶管理模塊，用以用戶登錄和身份信息驗證。
[0012]所述的展示環(huán)境模塊包括:
[0013]展示模式管理器，與模型設(shè)置模塊連接，用以設(shè)置展品的展示模式，通過模式接口來設(shè)置鏡頭是否能旋轉(zhuǎn)、鏡頭是否能縮放、鼠標(biāo)是否能拖動展品、鏡頭旋轉(zhuǎn)速度、鏡頭縮放速度、展品被拖動的速度；
[0014]展示鏡頭管理器，用以接收展示模式管理器的模式鏡頭信號，調(diào)節(jié)鏡頭的視角、鏡頭觀察的初始位置和鏡頭觀測目標(biāo)的初始位置，通過鏡頭管理器來設(shè)置鏡頭相關(guān)的屬性，可以設(shè)置鏡頭的視角、渲染范圍、鏡頭的起始位置、鏡頭的視點目標(biāo)位置；
[0015]光源對象管理器，用以接收展示模式管理器的模式光源信號，為三維展品的場景構(gòu)建提供模擬光線支持，并且設(shè)置光源位置、光源目標(biāo)位置、光源強度、光源的光色和光源的放射角度，通過拖動光源位置滾動條可以直接調(diào)整光源的位置；
[0016]輔助坐標(biāo)定位器，用以接收展示模式管理器的模式定位信號，與展示模式管理器連接，在三維展品的場景中提供三維坐標(biāo)及網(wǎng)格輔助線，通過勾選添加輔助坐標(biāo)選項，可以在三維場景中建立網(wǎng)格平面場景及三維坐標(biāo)軸，輔助設(shè)計者定位三維模型；
[0017]場景效果實時預(yù)覽器，分別與展示鏡頭管理器、光源對象管理器和輔助坐標(biāo)定位器通信，用以三維展品的場景的實時渲染和顯示預(yù)覽，所述的場景效果實時預(yù)覽器可以動態(tài)響應(yīng)設(shè)計者對三維場景及模型參數(shù)的調(diào)整，點擊暫?；騿涌梢越没蜷_啟鼠標(biāo)對三維場景的交互功能，便于設(shè)計者的對場景及模型的構(gòu)建調(diào)整，點擊刷新可以更新瀏覽器的緩存效果，用以避免不同瀏覽器緩存機制導(dǎo)致三維模型構(gòu)建時的更新不及時。
[0018]所述的模型設(shè)置模塊包括:
[0019]展品模型管理器，與展示環(huán)境模塊通信，用以在網(wǎng)頁瀏覽器中實時編輯三維展品模型，可以填寫模型的名稱用于后期的維護管理，勾選是否產(chǎn)生陰影及是否接受陰影，用于設(shè)定該模型是否能根據(jù)光源來產(chǎn)生陰影或接受其他模型對其造成的陰影效果，通過拖動展品位置滾動條及展品自轉(zhuǎn)滾動條可以動態(tài)調(diào)整展品位置及擺放角度；
[0020]熱點對象管理器，與展品模型管理器通信，用以實現(xiàn)三維展品的熱點交互，并且設(shè)置熱點的三維坐標(biāo)位置、熱點尺寸、熱點的旋轉(zhuǎn)角度、熱點的初始顏色、熱點被點擊后的顏色、熱點的透明度和熱點所關(guān)聯(lián)的信息頁面信息。
[0021]所述的展示模式管理器包括:
[0022]觀察鏡頭視角轉(zhuǎn)動單元，用以調(diào)節(jié)觀察鏡頭視角的轉(zhuǎn)動角度和轉(zhuǎn)速，以滾動條的形式作為參數(shù)輸入，并能同步在預(yù)覽器中響應(yīng)實時效果，提高設(shè)計者的構(gòu)建工作效率；
[0023]觀察鏡頭拉伸縮放單元，用以調(diào)節(jié)觀察鏡頭的拉伸和縮放速度；
[0024]三維展品拖動單元，用以調(diào)節(jié)三維展品的相對拖動速度。
[0025]所述的展品模型管理器包括:
[0026]三維模型導(dǎo)入器，用以將預(yù)制展品三維模型導(dǎo)入到展品模型管理器中，導(dǎo)入過程中可以賦予預(yù)制展品三維模型陰影屬性效果，提高了三維展品在三維場景中展示的視覺效果;
[0027]三維模型編輯器，接收三維模型導(dǎo)入器的導(dǎo)入信息，用以在線調(diào)整和編輯導(dǎo)入的預(yù)制展品三維模型。
[0028]所述的展示模式包括以三維展品為中心的鏡頭轉(zhuǎn)換模式和以鏡頭為中心的全景展示模式，提供再次構(gòu)建的功能，設(shè)計者直接拖拽模型在三維場景中的位置及擺放角度，并同步在預(yù)覽器中得到響應(yīng)，大大提高了三維模型構(gòu)建的效率。
[0029]與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點:
[0030]一、協(xié)同性好，本發(fā)明使用統(tǒng)一服務(wù)器的網(wǎng)站式協(xié)作平臺，客戶端不保存任何三維展品場景構(gòu)建所需的文件或代碼，所有文件及代碼全部上傳至服務(wù)器中，保證了團隊協(xié)同工作時的多人調(diào)用和上傳、更新的同步，大大提高了團隊協(xié)同工作的效率，縮短了三維展品場景構(gòu)建的周期；
[0031]二、實時性強，整個構(gòu)建過程中，提供了實時渲染并顯示預(yù)覽的功能，達到了所見即所得，能隨時審查三維展品場景展示的效果和網(wǎng)頁渲染性能，及時把控模型精度及設(shè)計布局效果；
[0032]三、兼容性好，本系統(tǒng)的三維展品場景構(gòu)建的實現(xiàn)技術(shù)是基于WebGL和Html5，WebGL提供了直接調(diào)用客戶端GPU渲染三維展品的功能，Html5使得客戶端可以通過瀏覽器直接調(diào)用WebGL的API接口功能，達到了很好的兼容性，使得瀏覽器無需安裝任何額外的插件即可直接渲染三維展品場景并在瀏覽器中展示實時效果。
【附圖說明】
[0033]圖1為本發(fā)明的系統(tǒng)結(jié)構(gòu)示意圖。
[0034]其中，1、展示模式管理器，2、展示鏡頭管理器，3、光源對象管理器，4、輔助坐標(biāo)定位器，5、場景效果實時預(yù)覽器，6、展品模型管理器，7、熱點對象管理器，8、用戶管理模塊，
11、觀察鏡頭視角轉(zhuǎn)動單元，12、觀察鏡頭拉伸縮放單元,13、三維展品拖動單元,61、三維模型導(dǎo)入器，62、三維模型編輯器。
【具體實施方式】
[0035]下面結(jié)合附圖和具體實施例對本發(fā)明進行詳細說明。
[0036]實施例:
[0037]本發(fā)明提供了一種可在瀏覽器中免插件展示三維展品的場景構(gòu)建系統(tǒng)，可以使原本集中在3DMax和Photoshop軟件中的場景構(gòu)建工作，集成在統(tǒng)一服務(wù)器的網(wǎng)絡(luò)環(huán)境中協(xié)同工作、保證實時預(yù)覽構(gòu)建效果、避免代碼編程操作高效的完成三維產(chǎn)品展示場景的構(gòu)建工作，并且使得展品可以在瀏覽器中無需安裝額外插件的情況下，進行三維效果展示。
[0038]如圖1所示，1.一種構(gòu)建三維展品展示場景的系統(tǒng)，用以在網(wǎng)頁瀏覽器中在線編輯和構(gòu)建三維展品展示場景，其特征在于，包括:
[0039]展示環(huán)境模塊，用以設(shè)置三維展品的展示模式、鏡頭屬性、光源、輔助坐標(biāo)和效果預(yù)覽；
[0040]模型設(shè)置模塊，用以在線編輯三維展品屬性和設(shè)置熱點；
[0041]用戶管理模塊8，用以用戶登錄和身份信息驗證，為了在三維展品場景構(gòu)建過程中使各設(shè)計者用戶可以協(xié)同工作，提高工作效率，使得設(shè)計者之間可以有明確的分工安排。
[0042]用戶管理模塊8提供了多個成員協(xié)同構(gòu)建三維展品場景的功能，本系統(tǒng)可以添加多個系統(tǒng)成員，所有的三維展品場景構(gòu)建過程中的文件、相關(guān)代碼都上傳至統(tǒng)一的應(yīng)用服務(wù)器中，通過網(wǎng)頁平臺可以隨時操作編輯構(gòu)建三維展示場景，方便多個成員同時協(xié)同工作，提高了整個三維展品場景構(gòu)建的工作效率與質(zhì)量。
[0043]展示環(huán)境模塊包括:
[0044]展示模式管理器1，與模型設(shè)置模塊連接，用以設(shè)置展品的展示模式，通過模式接口來設(shè)置鏡頭是否能旋轉(zhuǎn)、鏡頭是否能縮放、鼠標(biāo)是否能拖動展品、鏡頭旋轉(zhuǎn)速度、鏡頭縮放速度、展品被拖動的速度，展示模式管理器I包括:
[0045]觀察鏡頭視角轉(zhuǎn)動單元11，用以調(diào)節(jié)觀察鏡頭視角的轉(zhuǎn)動角度和轉(zhuǎn)速，以滾動條的形式作為參數(shù)輸入，并能同步在預(yù)覽器中響應(yīng)實時效果，提高設(shè)計者的構(gòu)建工作效率；
[0046]觀察鏡頭拉伸縮放單元12，用以調(diào)節(jié)觀察鏡頭的拉伸和縮放速度；
[0047]三維展品拖動單元13，用以調(diào)節(jié)三維展品的相對拖動速度。
[0048]通過Threejs封裝了 WebGL的展品展示模式，用戶可以選擇以展品為中心的鏡頭轉(zhuǎn)換展示模式及以鏡頭為中心的全景展示模式，為實際應(yīng)用提供了很大的便捷性，用戶可以設(shè)置編輯展示模式的相關(guān)參數(shù)來調(diào)整展示時鼠標(biāo)的靈活性、是否可拖動展品、是否可旋轉(zhuǎn)鏡頭來滿足實際展示時的需求；
[0049]以展品為中心的鏡頭轉(zhuǎn)換模式工作原理如下:
[0050]設(shè)置觀察鏡頭的視角能否轉(zhuǎn)動，默認為允許轉(zhuǎn)動；若允許轉(zhuǎn)動，可以調(diào)節(jié)觀察鏡頭的轉(zhuǎn)動速度的相對值；設(shè)置能否拉伸縮放鏡頭來觀察展品，默認為允許；若允許縮放，可以調(diào)節(jié)鏡頭縮放速度的相對值；設(shè)置是否允許拖動三維展品，默認為允許；若允許拖動，可以調(diào)節(jié)拖動三維展品移動速度的相對值。
[0051]以鏡頭為中心的全景展示模式工作原理如下: