何龍 何龍 曾曉明 于茜

摘 要：針對(duì)國(guó)內(nèi)已經(jīng)建立的月球系統(tǒng)平臺(tái)多為桌面版以及存在三維渲染效果較差、數(shù)據(jù)類型單一和缺乏科普性的特點(diǎn)，在B/S架構(gòu)下借助HTML5、瓦片分片算法、三維可視化等技術(shù)建立在內(nèi)嵌WebGL的瀏覽器端對(duì)獲得的月球影像進(jìn)行了三維展示。為后續(xù)添加其他相關(guān)月球數(shù)據(jù)和空間分析提供了良好的平臺(tái)，方便了廣大用戶對(duì)月球進(jìn)行瀏覽和認(rèn)知。

關(guān)鍵詞：webgl；月球；B/S；三維可視化

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：2095-2945（2018）22-0047-03

Abstract： In view of the fact that most of the lunar system platforms that have been established in China are desktop versions， there are some characteristics such as poor three-dimensional（3D） rendering effect， single data type and lack of popularization of science. With the help of HTML 5， tile slicing algorithm， 3D visualization and other technologies， the browser side of WebGL embedded in the B/S architecture is used to display 3D images of the moon. It provides a good platform for the subsequent addition of other relevant lunar data and space analysis， and facilitates the majority of users to browse and recognize the moon.

Keywords： WebGL； moon； B/S； three-dimensional （3D） visualization

月球，作為地球唯一的自然衛(wèi)星，對(duì)地球的運(yùn)動(dòng)以及生物活動(dòng)有著重要的影響。我國(guó)自2007年以來(lái)也相繼發(fā)射了嫦娥一號(hào)、二號(hào)和三號(hào)衛(wèi)星，獲得了不同傳感器的海量探測(cè)數(shù)據(jù)，為后續(xù)的科學(xué)研究奠定了基礎(chǔ)。本文建立一個(gè)以B/S架構(gòu)的網(wǎng)絡(luò)平臺(tái)——基于HTML5，運(yùn)用內(nèi)嵌在瀏覽器中的WebGL標(biāo)準(zhǔn)進(jìn)行快速渲染，無(wú)需任何第三方插件，就能使用三維圖形來(lái)增強(qiáng)Web程序的用戶界面，同時(shí)以此為基礎(chǔ)來(lái)展示月球表面土壤類型分布、礦石類別分布、月球車動(dòng)態(tài)著陸過程、月表溫度變化、撞擊坑等自然風(fēng)貌從而增加其科普性，有利于探索科研發(fā)展的前端。

利用“嫦娥一號(hào)”衛(wèi)星獲得的探測(cè)數(shù)據(jù)來(lái)初步實(shí)現(xiàn)全月影像的加載，增強(qiáng)了其實(shí)時(shí)性、可操作性和互動(dòng)性以及提供更加便利的使用方式，即在使用無(wú)插件時(shí)可以直接用市面現(xiàn)行高版本瀏覽器如GoogleChrome直接打開，方便了公眾對(duì)月球表面信息的了解，人機(jī)交互性大大提高。

1 月球數(shù)據(jù)介紹

繼我國(guó)嫦娥探月工程實(shí)施以來(lái)，獲取了多種形式和類型的數(shù)據(jù)?！版隙鹨惶?hào)”月球探測(cè)衛(wèi)星已完成全月球面地形和紋理數(shù)據(jù)的探測(cè)，這其中包括三線陣CCD立體相機(jī)（CCD）主要用來(lái)獲取月球表面立體影像，繪制月表三維圖像和地質(zhì)學(xué)專題圖；激光高度計(jì)（LAM）主要用來(lái)獲取衛(wèi)星星下點(diǎn)月表地形高程數(shù)據(jù)，為CCD立體相機(jī)工作參數(shù)的調(diào)整提供衛(wèi)星相對(duì)月表高度數(shù)據(jù)。此外還有干涉成像光譜儀（IIM）、X射線譜儀（XRS）、太陽(yáng)高能粒子探測(cè)儀（HPD）、γ射線譜儀（GRS）、太陽(yáng)風(fēng)離子探測(cè)儀（SWID）、微波探測(cè)儀（MRM）等探測(cè)數(shù)據(jù)。

1.1 數(shù)據(jù)讀取與處理

PDS（PlanetaryDataSystem，行星科學(xué)數(shù)據(jù)系統(tǒng)）是由美國(guó)國(guó)家航空航天局（NASA）提出的、并在國(guó)際深空探測(cè)領(lǐng)域廣泛推廣采用的一種數(shù)據(jù)存儲(chǔ)標(biāo)準(zhǔn)。我國(guó)的嫦娥衛(wèi)星獲取的數(shù)據(jù)產(chǎn)品均采用PDS格式，按照處理的程度分為三級(jí)。二級(jí)數(shù)據(jù)是經(jīng)過輻射、幾何、光度校正后的數(shù)據(jù)且較好的保留了影像的空間信息，所以本文采用了嫦娥一號(hào)CCD2C數(shù)據(jù)，每軌影像在南北方向上呈條帶狀。

1.1.1 數(shù)據(jù)讀取

目前有很多專業(yè)軟件如EVNI、ERDAS等可以對(duì)PDS數(shù)據(jù)進(jìn)行讀取，但是無(wú)法獲得影像的空間信息。所以本文利用了C#編程語(yǔ)言中相關(guān)的函數(shù)對(duì)2C文件以二進(jìn)制形式進(jìn)行讀取。內(nèi)容包括影像的記錄時(shí)間、標(biāo)志位、像元的經(jīng)緯度坐標(biāo)、影像數(shù)據(jù)。

1.1.2 投影參數(shù)設(shè)置

Moon-2000坐標(biāo)系統(tǒng)是IAU 2000Cartesian Coordinate System中的適用于月球的坐標(biāo)系統(tǒng)（IAU，國(guó)際天文學(xué)聯(lián)合會(huì)），目前它是世界月球研究領(lǐng)域中通用的坐標(biāo)系統(tǒng)。橢球體采用Moon_2000_IAU_IAG標(biāo)準(zhǔn)，參考水準(zhǔn)面D_MOON_2000的偏離參數(shù)為0，0，0，長(zhǎng)半軸和短半軸均為1737400m。

由于數(shù)據(jù)源文件采用經(jīng)緯度記錄空間信息的方式，考慮到投影方法不僅要盡可能的保留原始數(shù)據(jù)的空間信息關(guān)系，而且還需精確地保留數(shù)據(jù)的特征，所以在全月影像拼接時(shí)采用了GeographicLat/Lon經(jīng)緯度地理投影。

1.1.3 幾何校正計(jì)算模型

根據(jù)空間上輸入分布的控制點(diǎn)，構(gòu)建Delaunay三角網(wǎng)，再選擇合適的內(nèi)插方法內(nèi)插出規(guī)則格網(wǎng)。要求控制點(diǎn)較多且需均勻分布，校正精度很高，所以選擇局部三角網(wǎng)（Taiangulation）模型。

利用C#編程語(yǔ)言將2C文件中影像空間信息存儲(chǔ)在二維數(shù)組中，并按照一定的排列規(guī)則轉(zhuǎn)換為ENVI進(jìn)行圖像配準(zhǔn)時(shí)控制點(diǎn)的PTS文件。利用IDL（InteractiveDataLanguage）編程語(yǔ)言讀取PTS文件（保存控制點(diǎn)的文件），調(diào)用envi_doit函數(shù)對(duì)影像進(jìn)行批量校正。

1.1.4 重采樣方法

輸出圖像像元點(diǎn)在輸入圖像中的行列號(hào)不是或不全是正數(shù)關(guān)系，定位后的像元在原圖像中分布是不均勻的。因此，需要對(duì)原始圖像按一定規(guī)則重采樣。雙線性內(nèi)插法（Bilinear）的重采樣精度明顯較高，特別是對(duì)亮度不連續(xù)現(xiàn)象或線狀特征的塊狀化現(xiàn)象有明顯的改善，并具有均衡化和清晰化的效果，所以選擇此采樣方法。

1.1.5 影像的鑲嵌拼接

對(duì)大量經(jīng)過幾何校正的單軌影像，經(jīng)過透明處理、勻色、羽化等操作，解決鑲嵌顏色不一致、接邊以及重疊區(qū)等問題，最終實(shí)現(xiàn)所有單軌影像的無(wú)縫拼接。

1.2 數(shù)據(jù)切片

由于全月影像的數(shù)據(jù)量大，為保證系統(tǒng)能實(shí)現(xiàn)漫游、響應(yīng)速度快等要求，需要對(duì)影像進(jìn)行切片處理。GDAL是一個(gè)在X/MIT許可協(xié)議下的開源柵格空間數(shù)據(jù)轉(zhuǎn)換庫(kù)。我們利用鑲嵌而成的整幅月球影像采用四叉樹的方式在空間上進(jìn)行分割。本文采用256像素×256像素大小的瓦片。每一級(jí)按照22n（n≥0，n為層級(jí)數(shù)）數(shù)量遞增，分辨率相應(yīng)提高四倍，但每一層數(shù)據(jù)組成在空間范圍上和原數(shù)據(jù)是一樣的。當(dāng)切割到第9級(jí)的時(shí)候，此時(shí)的影像已經(jīng)達(dá)到原始影像的分辨率，沒有必要再進(jìn)行分割。最后通過對(duì)這些瓦片數(shù)據(jù)進(jìn)行相應(yīng)的存儲(chǔ)，并建立動(dòng)態(tài)加載的空間索引機(jī)制，從而實(shí)現(xiàn)對(duì)不同層級(jí)的全月影像顯示，獲得較好的瀏覽體驗(yàn)效果。

2 三維平臺(tái)的構(gòu)建

2.1 平臺(tái)架構(gòu)

本文利用JavaScript、HTML5、CSS3開發(fā)客戶端，window內(nèi)置IIS作為WEB服務(wù)器，運(yùn)用AJAX技術(shù)對(duì)數(shù)據(jù)異步加載從而來(lái)實(shí)現(xiàn)訪問和傳輸。

如圖1的系統(tǒng)構(gòu)架，內(nèi)嵌在瀏覽器中的WebGL支持月球數(shù)據(jù)的三維顯示，用戶在瀏覽器界面下通過鼠標(biāo)或鍵盤操作。當(dāng)用戶操作頁(yè)面時(shí)，JavaScript會(huì)處理相應(yīng)的過程，通過XMLHttpRequest對(duì)象向服務(wù)器端發(fā)送請(qǐng)求，網(wǎng)絡(luò)服務(wù)器處理HTTP協(xié)議，將操作需求傳送給地圖服務(wù)器，地圖服務(wù)器分析用戶請(qǐng)求，將需要分析的數(shù)據(jù)從數(shù)據(jù)庫(kù)中調(diào)取，將處理結(jié)果以XML或JSON類型返回網(wǎng)絡(luò)服務(wù)器，遵循網(wǎng)絡(luò)協(xié)議將結(jié)果數(shù)據(jù)發(fā)送到瀏覽器客戶端，客戶端接到服務(wù)器的響應(yīng)后通過JavaScript動(dòng)態(tài)改變頁(yè)面的結(jié)構(gòu)和樣式，從而實(shí)現(xiàn)頁(yè)面的局部更新。異步交互是指當(dāng)XMLHttpRequest對(duì)象發(fā)送請(qǐng)求后并不影響客戶端用戶的操作，直到數(shù)據(jù)返回時(shí)才對(duì)頁(yè)面進(jìn)行更新。

2.2 相關(guān)技術(shù)運(yùn)用

2.2.1 WebGL技術(shù)

WebGL作為新一代Web3D圖形標(biāo)準(zhǔn)，可以為HTML5Canvas提供硬件3D加速渲染，WebGL完美地解決了現(xiàn)有的Web交互式三維動(dòng)畫的兩個(gè)問題：第一，它通過JavaScript腳本實(shí)現(xiàn)Web交互式三維動(dòng)畫的制作，無(wú)需任何瀏覽器插件支持；第二，它利用底層的圖形硬件加速功能進(jìn)行的圖形渲染，是通過統(tǒng)一的、標(biāo)準(zhǔn)的、跨平臺(tái)的OpenGL接口實(shí)現(xiàn)的。它內(nèi)嵌于時(shí)下流行的高版本瀏覽器中，無(wú)需安裝第三方的插件和庫(kù)便可以直接在多種平臺(tái)下使用它。

2.2.2 瓦片分片算法與規(guī)則

目前在對(duì)影像數(shù)據(jù)的組織與管理中常見的組織方式有規(guī)則格網(wǎng)、四叉樹、KD樹、KDB樹、BSP樹、和R樹等。其中四叉樹作為一種最常見的空間索引與柵格瓦片地圖通過瓦片編號(hào)可以有機(jī)地結(jié)合起來(lái)，實(shí)現(xiàn)在進(jìn)行地圖縮放和漫游操作時(shí)動(dòng)態(tài)調(diào)用地圖切片。由于這些瓦片編號(hào)具有規(guī)律性，可以根據(jù)瓦片編號(hào)和坐標(biāo)建立一種索引關(guān)系。

采用GDAL（Geospatial Data Abstraction Library）的地圖瓦片切片方法進(jìn)行切片處理，根據(jù)其標(biāo)準(zhǔn)，在確定經(jīng)緯度和層級(jí)的情況下，就可以通過公式得到要顯示的瓦片編號(hào)索引。顯示地圖的時(shí)候就可以根據(jù)中心坐標(biāo)和層級(jí)以及bound范圍，就可以確定需要加載那些地圖瓦片。編號(hào)和坐標(biāo)之間就建立了一種索引關(guān)系，具體的計(jì)算公式如下：

2.2.3 三維場(chǎng)景調(diào)度技術(shù)

視點(diǎn)驅(qū)動(dòng)三維調(diào)動(dòng)技術(shù)使用戶看到的三維場(chǎng)景是連續(xù)的，根據(jù)經(jīng)緯度坐標(biāo)和瓦片編號(hào)的對(duì)應(yīng)關(guān)系，當(dāng)視點(diǎn)移動(dòng)到某一塊區(qū)域內(nèi)，此區(qū)域周圍的瓦片會(huì)自動(dòng)裝入緩存區(qū)內(nèi)，當(dāng)視點(diǎn)移動(dòng)到該范圍中，瓦片會(huì)被調(diào)出，同時(shí)判斷視點(diǎn)下一步的移動(dòng)。因此在這個(gè)過程中需要根據(jù)視點(diǎn)的移動(dòng)實(shí)時(shí)計(jì)算三維場(chǎng)景的可見區(qū)域，如圖2所示，從視點(diǎn)出發(fā)的四條射線與地表面相交，得到了四個(gè)交點(diǎn)從而構(gòu)成可視區(qū)域，通過和數(shù)據(jù)范圍取得交集求的數(shù)據(jù)可見區(qū)域，最后通過公式計(jì)算得到可見區(qū)域內(nèi)瓦片的索引編號(hào)。

通過上面計(jì)算可以獲得四個(gè)交點(diǎn)的可見區(qū)域，然后判斷瓦片的四個(gè)角點(diǎn)是否落在可見區(qū)域中，如果在可見區(qū)域內(nèi)則記錄該瓦片的編碼，然后對(duì)數(shù)據(jù)范圍內(nèi)所有的瓦片進(jìn)行判斷，就可以全部得到可見區(qū)域瓦片編碼。

3 月球三維數(shù)據(jù)的展示

通過對(duì)系統(tǒng)整體架構(gòu)的部署，運(yùn)用上文提到的各種關(guān)鍵技術(shù)，最終在瀏覽器端對(duì)月球數(shù)據(jù)進(jìn)行三維展示如圖3，同時(shí)把由全月DEM數(shù)據(jù)切割生成的terrain數(shù)據(jù)圖層進(jìn)行疊加顯示，月球表面的環(huán)形山立體效果明顯如圖4。在此系統(tǒng)中我們建立相應(yīng)的圖層進(jìn)行目錄索引，從而實(shí)現(xiàn)不同圖層之間的疊加顯示，為后續(xù)的多元、多形態(tài)、多時(shí)態(tài)數(shù)據(jù)的相關(guān)分析奠定基礎(chǔ)。與此同時(shí)，可以實(shí)現(xiàn)放大、縮小、漫游等操作，為用戶的瀏覽提供較好的視覺體驗(yàn)效果。

4 結(jié)束語(yǔ)

我國(guó)探月工程取得了巨大科學(xué)、工程成果，同時(shí)獲得了海量不同類型的月球探測(cè)數(shù)據(jù)，這些數(shù)據(jù)具有重大的科學(xué)研究?jī)r(jià)值。本文結(jié)合WebGL的優(yōu)勢(shì)，基于HTML5，結(jié)合四叉樹數(shù)據(jù)組織、瓦片技術(shù)和三維場(chǎng)景調(diào)度技術(shù)建立了以B/S架構(gòu)的月球空間信息三維可視化系統(tǒng)，為展示更多月球數(shù)據(jù)提供了平臺(tái)，增加了科普性，方便了廣大用戶更好的了解月球，促進(jìn)三維月球WEB端的發(fā)展起到了推動(dòng)作用。

參考文獻(xiàn)：

[1]董智慧.基于空間信息服務(wù)云月球數(shù)據(jù)共享機(jī)制研究[D].成都：成都理工大學(xué)，2012.

[2]趙葆常，楊建峰，汶德勝，等.嫦娥一號(hào)衛(wèi)星CCD立體相機(jī)的設(shè)計(jì)與在軌運(yùn)行[J].航天器工程，2009，18（01）：30-36.