本發明提供一種基于WebGL三維地圖的跑馬燈特效通用方法，包括以下：創建跑馬燈特效構造模塊，并設計跑馬燈特效參數；根據所述構造模塊、跑馬燈特效參數，利用跑馬燈特效著色器設計跑馬燈紋理動畫；將所述跑馬燈紋理動畫添加至內置緩存紋理；根據內置緩存紋理，在WebGL三維地圖中實現跑馬燈特效。本發明提供的有益效果是：重點解決了跑馬燈特效中紋理運動的關鍵問題。通過片元著色器讓紋理運動起來，再將其添加到系統的內置紋理緩存中，就能在三維地圖中使用跑馬燈特效，彌補了三維地圖特效在這一方面的缺失，豐富了現有三維地圖特效。

技術領域

本發明涉及三維數據顯示領域，尤其涉及一種基于WebGL三維地圖的跑馬燈特效通用方法。

背景技術

WebGL是一種3D繪圖標準，它把Javascript和OpenGLES2.0結合在一起，通過增加OpenGLES2.0的一個JavaScript綁定，WebGL可以直接為瀏覽器提供3D加速渲染，這樣Web開發人員就可以借助系統顯卡在瀏覽器里更流暢地展示3D場景和模型，還可以創建更復雜的導航和數據視覺化。

WebGL為HTML5Canvas提供硬件3D加速渲染，開發人員可以借助系統顯卡在瀏覽器里更流暢地展示3D場景和模型。目前基于WebGL設計的3D畫面有很多，其中包括了云層特效、雨水特效、水波紋特效和粒子噴射特效等。

現存webgl三維地圖中缺乏跑馬燈特效，所以跑馬燈特效彌補了webgl三維地圖中特效的不足。動態的跑馬燈特效能對數據進行清晰明了的展示，是三維地圖可視化中不可缺少的一部分。

發明內容

有鑒于此，為了解決現有技術中的不足，本發明提出一種基于WebGL三維地圖的跑馬燈特效通用方法。本發明實際要解決的技術問題是：如何實現WebGL在瀏覽器中的跑馬燈特效。

本發明提出的一種基于WebGL三維地圖的跑馬燈特效通用方法，具體包括以下：

S101：創建跑馬燈特效構造模塊，并設計跑馬燈特效參數；

S102：根據所述構造模塊、跑馬燈特效參數，利用跑馬燈特效著色器設計跑馬燈紋理動畫；

S103：將所述跑馬燈紋理動畫添加至內置緩存紋理；

S104：根據內置緩存紋理，在WebGL三維地圖中實現跑馬燈特效。

進一步地，步驟S101具體為：在WebGL中增加一個全新的跑馬燈特效構造函數，所述跑馬燈特效參數，包括跑馬燈貼圖紋理路徑、顏色、運動速度、紋理重復次數、運動方向和亮度。

進一步地，步驟S102中，所述跑馬燈特效著色器的預設參數包括顏色、貼圖紋理和時間三個參數。

進一步地，所述跑馬燈特效著色器設計跑馬燈紋理動畫，具體過程為：

S201：構造一個輸入材質對象material為空的跑馬燈特效著色器；

S202：利用跑馬燈特效著色器材質獲取模塊獲取著色器的輸入材質對象material；

S203：將所述輸入材質對象material的坐標與所述紋理重復次數相乘得到紋理重復的坐標；

S204：調用所述跑馬燈貼圖紋理路徑和運動方向，結合跑馬燈特效著色器的時間參數，實現跑馬燈紋理運動。

進一步地，步驟S201中，所述輸入材質對象material還被進行屬性填充，具體過程為：

S301：調用跑馬燈特效著色器的貼圖紋理參數、顏色參數、跑馬燈特效參數中的亮度參數，并將貼圖紋理參數、顏色參數、亮度參數相乘，得到輸入材質對象material的漫反射光強度；