自動生成360度全景方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及虛擬現(xiàn)實、全景影像技術(shù)領(lǐng)域,具體涉及一種利用2D圖片在線自動生成360度全景的方法。
【背景技術(shù)】
[0002]隨著當(dāng)今世界經(jīng)濟(jì)社會以及信息技術(shù)的迅猛發(fā)展,信息的傳遞速度早已突破了實踐和空間的界限,網(wǎng)絡(luò)化與全球化便自然而然地成為了一種不可避免的世界趨勢。傳統(tǒng)的貿(mào)易方式已無法適應(yīng)這個高速發(fā)展著的世界,于是電子商務(wù)虛擬市場如火如荼地發(fā)展起來。
[0003]計算機(jī)技術(shù)的飛速發(fā)展,多媒體所包含的種類也越來越多,所能表現(xiàn)的效果也越來越多,而一些比較傳統(tǒng)的表現(xiàn)方式也越來越無法滿足大部分客戶對于展示方式的要求。
[0004]在傳統(tǒng)的表現(xiàn)方式中,對虛擬場景展示的手段無非是靜態(tài)的平面圖片和動態(tài)的視頻,也有進(jìn)行三維建模進(jìn)行展示的。靜態(tài)圖片只能提供場景的某一個角度圖像,即使是廣角鏡頭,也不能有效全面的對場景進(jìn)行表現(xiàn);而動態(tài)視頻雖然可以讓用戶對場景有全面的了解,可圖像視角依然有限,觀看方式取決于拍攝者的拍攝方式,并不自由。三維建模的方式可以解決靜態(tài)圖片和動態(tài)視頻都存在的問題,但是代價太高,真實性也并不總是令人滿意。所以需要真實、全面、直觀地表現(xiàn)一個場景,360度全景技術(shù)無疑是最好的選擇。
[0005]“360全景圖的運(yùn)用,是將來的展開趨勢,它可以運(yùn)用到很多的地方:比如景區(qū),酒店、休假村、數(shù)字學(xué)校、休閑娛樂場所等等,一切需要推廣的實體都能夠通過這種方法進(jìn)行宣揚(yáng),所以,這個商場是無限大。并且跟著技能的老練,必定會迎來一輪新的出資熱?!?60度全景圖具有寬廣的盈余空間,聽起來是很小的一個概念,但是它的優(yōu)點在于提高了全景圖所在區(qū)域的宣揚(yáng)質(zhì)量和知名度。不能看它小,集腋成裘,一旦構(gòu)成規(guī)劃,多小的東西都不能無視,業(yè)界一些專家很看好360度全景的將來。他們以為,360度全景是將來的趨勢,不論是哪個范疇,都可以運(yùn)用,范圍相當(dāng)?shù)膹V闊。所以說,只要有優(yōu)異的構(gòu)思,這個產(chǎn)品的遠(yuǎn)景是很值得期待的。
[0006]常規(guī)生成360度全景圖有多種方法,可以多張圖片拼接而成,也可以通過第三方的小插件組成。由多張圖片拼接而成的360全景圖需要一幀一幀的把它連接起來,這樣工作時間會拉長而且比較繁瑣。通過第三方的小插件形成的360度全景圖,只能把圖片在線下做好上傳到項目中來,操作過程相對麻煩,難度系數(shù)較大。目前市場上制造360度旋轉(zhuǎn)全景的公司有很多家,可是很難免于俗套,打破原有的制造瓶頸,不是制作過程太繁瑣,就是效果不太明顯或者對電腦的硬件要求比較高,過分的占用網(wǎng)絡(luò)資源。
【發(fā)明內(nèi)容】
[0007]本發(fā)明針對現(xiàn)有方法中360度全景的制作過程太繁瑣、用工具生成時不能嵌入到網(wǎng)頁里實現(xiàn)在線處理,且占用網(wǎng)絡(luò)資源大的問題,提供了一種自動生成360度全景方法。
[0008]本發(fā)明提供的自動生成360度全景方法,實現(xiàn)2D圖片在線自動生成360度全景,實現(xiàn)步驟如下:
[0009]步驟1:為當(dāng)前上傳的圖片建立一個項目,將圖片保存在該項目下,對圖片進(jìn)行解析,獲取圖片的信息,將圖片的信息和絕對路徑保存在xml文件中;圖片的信息包括圖片的大小和圖片中點的絕對坐標(biāo);
[0010]步驟2:解析xml文件,獲得圖片中點的絕對坐標(biāo)和圖片的絕對路徑,指定生成的360度全景圖的存儲路徑,調(diào)用利用flex生成的swf接口 ;所述的swf接口用于調(diào)用全景Pano,生成360度全景圖;
[0011]步驟3:檢測用戶在360度全景圖中添加熱區(qū)及其屬性,將360度全景圖、所添加的熱區(qū)及熱區(qū)屬性保存在xml文件中,最后通過網(wǎng)頁將360度全景圖展示出來。
[0012]本發(fā)明的自動生成360度全景方法脫離了繁瑣的步驟,操作更加的簡單明了,提高了客戶的體驗性,其的優(yōu)點與積極效果在于:
[0013](I)全方位立體展示影像,更直觀;360度效果圖制作全方位的展現(xiàn)了每個角落的設(shè)計,可以讓客戶全面的了解所示產(chǎn)品或場景;立體生動,也容易讓客戶做更好的調(diào)整;
[0014](2)制作簡單,水平高;對于普通用戶來說,制作效果圖是很多普通用戶不知道的東西,但是采用本發(fā)明的360全景效果圖制作方法,可以通過簡單的步驟就能實現(xiàn)所想要的效果;提高了商家的可操作性以及客戶的體驗性;
[0015](3)利用本發(fā)明方法生成360度全景圖時,具有低CPU占用率,滿足電腦播放需要,并實現(xiàn)了圖像全兼容,播放清晰效果好。
【附圖說明】
[0016]圖1是本發(fā)明提供的自動生成360度全景方法的流程示意圖;
[0017]圖2是本發(fā)明實施例中生成360度全景的網(wǎng)頁示意圖。
【具體實施方式】
[0018]下面將結(jié)合附圖和實施例對本發(fā)明作進(jìn)一步的詳細(xì)說明。
[0019]采用本發(fā)明方法只需要在網(wǎng)頁上按照簡單的步驟點擊上傳圖片和確定按鈕即可實現(xiàn)360度全景方法。本發(fā)明實施例中用flex和java技術(shù)進(jìn)行編程,生成的一個swf文件,用以實現(xiàn)自動生成360度全景。下面結(jié)合圖1說明本發(fā)明自動生成360度全景方法的步驟。
[0020]步驟1:上傳圖片,對圖片進(jìn)行解析,獲取圖片的信息和絕對路徑,并保存在xml文件中。
[0021]首先上傳的一張圖片,解析圖片,獲取圖片的信息,包括圖片大小、以及圖片中商品的坐標(biāo)。此處獲得的圖片中點的坐標(biāo)為相對坐標(biāo)。相對坐標(biāo)是指基于電腦屏幕的坐標(biāo)。而本發(fā)明方法需要獲取圖片中點的絕對坐標(biāo)。絕對坐標(biāo)是指基于圖片本身的坐標(biāo),這樣不管圖片怎么改變,比如放大或縮小,絕對坐標(biāo)對應(yīng)圖片的位置都不會改變。
[0022]本發(fā)明通過flex中的addEventListener方法,實現(xiàn)圖片中點的絕對坐標(biāo)的獲取。最后將圖片的大小和點的絕對坐標(biāo)以xml方式保存。為當(dāng)前上傳的圖片建立一個項目,并將圖片存在該項目下。確定圖片在項目中的路徑,也就是圖片的絕對路徑,從而在代碼執(zhí)行時可以找到上傳的圖片。
[0023]步驟2:對步驟I獲得的xml文件進(jìn)行解析,獲得圖片中點的絕對坐標(biāo)和圖片的絕對路徑。Xml文件解析完畢后將被刪除,以利于節(jié)省計算機(jī)資源。指定生成的360度全景圖的存儲路徑,調(diào)用與全景Pano交互的接口,生成360度全景圖,所生成的360度全景的文件存儲在指定的文件夾中。
[0024]所述的接口為利用flex生成的一個swf,實現(xiàn)調(diào)用全景Pano的功能。全景Pano根據(jù)圖片的絕對路徑獲取圖片,將圖片自動生成360度全景。把pano當(dāng)成使用的API的方式,把圖片自動生成360度全景圖。
[0025]步驟3:用戶在360度全景圖中添加熱區(qū)及其說明,將360度全景圖、所添加的熱區(qū)及熱區(qū)屬性保存在xml文件中。最后通過網(wǎng)頁將360度全景圖展示給客戶。
[0026]在獲得絕對坐標(biāo)之后,商家可以實現(xiàn)進(jìn)一步對全景中的商品進(jìn)行操作,比如通過添加熱區(qū)或者熱點的操作,來選取對應(yīng)的商品,給熱區(qū)或者熱點添加屬性,以添加商品ID、商品名稱、商品說明、以及商品鏈接等等。這樣將全景和商品的后臺管理結(jié)合到了一起,方便用戶的操作。
[0027]最后,將360度全景圖和熱區(qū)信息存儲在xml文件中,以網(wǎng)頁展示出來。當(dāng)客戶在瀏覽網(wǎng)頁圖片時,可查看商品信息。為提高客戶體驗,還可以在網(wǎng)頁中設(shè)置360度全景圖的自動播放。
[0028]現(xiàn)有360度全景方法是用工具生成的,不能嵌入到網(wǎng)頁里。對于商家添加商品信息,以及客戶瀏覽商品信息,本發(fā)明提供的方法更加簡便和直觀。
[0029]本發(fā)明方法對圖片的解析、調(diào)用pano的功能,添加熱區(qū)的方式,都是通過代碼進(jìn)行操作,對電腦的CPU占用率極少,這樣解決了低配置用戶在硬件方面的操作問題。所生成的360度全景還可設(shè)置自動播放功能,以滿足網(wǎng)絡(luò)預(yù)下載需要,解決網(wǎng)速引起播放卡頓問題,實現(xiàn)用戶流暢播放;與其它三維技術(shù)不同,360度全景的瀏覽速度很快。瀏覽者不會因下載插件而產(chǎn)生排斥心理與不安全感。三維全景展示可根據(jù)用戶的網(wǎng)絡(luò)條件選擇,以流式傳輸技術(shù)邊下載邊觀看(從模糊到清晰),無需等待完全下載好后才能觀看。
[0030]本發(fā)明方法,經(jīng)實際應(yīng)用檢驗,是目前市場上不可多得的商業(yè)化應(yīng)用的功能最完善、應(yīng)用最理想的實景全方位展示系統(tǒng),具有如下優(yōu)點:
[0031]a.把整個流程嵌套在頁面中,所有流程均在在線上完成,無需牽扯到線下,這樣節(jié)省了空間;
[0032]b.較傳統(tǒng)的生成360全景圖來講,采用本發(fā)明方法操作更加的簡便,通過在后臺調(diào)用幾個成熟技術(shù)的接口,把得到的圖片數(shù)據(jù)進(jìn)行解析,最終生成想要的結(jié)果。
[0033]現(xiàn)有生成360全景的技術(shù)中,都是通過工具把圖畫好,然后再移植到項目中去,這樣大大的降低了用戶的適用度;采用本發(fā)明方法只需要一步操作即可,既簡單又方便。本發(fā)明所用360度全景方法可以應(yīng)用于:展示城市風(fēng)光、房地產(chǎn)、博物館、展覽館、展覽會、等實景。其視覺傳達(dá)的完整性和連貫性是有自己獨到之處的。是政府、企業(yè)、單位實景資源全面展示、互聯(lián)網(wǎng)傳播應(yīng)用等需要全方位視覺傳達(dá)所需的新一代數(shù)字視覺傳媒技術(shù)。
【主權(quán)項】
1.一種自動生成360度全景方法,實現(xiàn)2D圖片在線自動生成360度全景,其特征在于,實現(xiàn)步驟如下: 步驟1:為當(dāng)前上傳的圖片建立一個項目,將圖片保存在該項目下,對圖片進(jìn)行解析,獲取圖片的信息,將圖片的信息和絕對路徑保存在xml文件中;圖片的信息包括圖片的大小和圖片中點的絕對坐標(biāo); 步驟2:解析xml文件,獲得圖片中點的絕對坐標(biāo)和圖片的絕對路徑,指定生成的360度全景圖的存儲路徑,調(diào)用利用flex生成的swf接口 ;所述的swf接口用于調(diào)用全景Pano,生成360度全景圖; 步驟3:首先檢測用戶在360度全景圖中添加熱區(qū)及其說明,其次將360度全景圖、所添加的熱區(qū)及熱區(qū)說明保存在xml文件中,最后通過網(wǎng)頁將360度全景圖展示出來。
2.根據(jù)權(quán)利要求1所述的一種自動生成360度全景方法,其特征在于,步驟I中所述的圖片中點的絕對坐標(biāo),是指基于圖片本身的坐標(biāo)。
3.根據(jù)權(quán)利要求1所述的一種自動生成360度全景方法,其特征在于,步驟2中所述的xml文件,在解析完畢后刪除。
【專利摘要】本發(fā)明提供了一種自動生成360度全景的方法,屬于虛擬現(xiàn)實、全景影像技術(shù)領(lǐng)域,發(fā)明將2D圖片在線生成360度全景圖,首先為上傳的2D圖片建立項目,解析圖片獲取圖片中點的絕對坐標(biāo),將圖片的信息和絕對路徑保存在xml文件中;解析xml文件獲得圖片中點的絕對坐標(biāo)和圖片的絕對路徑,調(diào)用利用flex生成的swf接口,利用全景Pano生成360度全景圖;商家在360度全景圖中添加熱區(qū)及其說明。最后將360度全景圖、所添加的熱區(qū)及熱區(qū)說明保存在xml文件中,通過網(wǎng)頁將360度全景圖展示出來。發(fā)明實現(xiàn)了全方面立體展示影像,并且360全景效果圖制作簡單,提高了商家的可操作性以及客戶的體驗性。
【IPC分類】G06T5-50, G06T3-40
【公開號】CN104574279
【申請?zhí)枴緾N201510064793
【發(fā)明人】鄭劍平, 焦玉婷, 夏榆濱, 王昌輝
【申請人】北京明蘭網(wǎng)絡(luò)科技有限公司
【公開日】2015年4月29日
【申請日】2015年2月6日