使用WebG設(shè)計(jì)3D地球系的詳細(xì)資料說明

　　瀏覽器作為人們?nèi)粘W(xué)習(xí)生活中常用到的重要信息搜索工具，而且最近幾年中，瀏覽器的功能變得愈發(fā)強(qiáng)大，已經(jīng)成為展現(xiàn)復(fù)雜的應(yīng)用和圖形的軟件平臺(tái)。以前的瀏覽器大部分只支持標(biāo)準(zhǔn)的二維圖形，不過現(xiàn)在的瀏覽器基本已經(jīng)支持 WebGL。WebGL（Web Graphics Library）是一種 3D 繪圖協(xié)議，這種繪圖技術(shù)標(biāo)準(zhǔn)允許把 JavaScript 和 OpenGL ES 2.0 結(jié)合在一起，通過增加 OpenGL ES 2.0 的一個(gè) JavaScript 綁定，WebGL 可以為 HTML5 Canvas 提供硬件 3D 加速渲染，這樣 Web 開發(fā)人員就可以借助系統(tǒng)顯卡來在瀏覽器里更流暢地展示 3D 場景和模型了，還能創(chuàng)建復(fù)雜的導(dǎo)航和數(shù)據(jù)視覺化。顯然，WebGL 技術(shù)標(biāo)準(zhǔn)免去了開發(fā)網(wǎng)頁專用渲染插件的麻煩，可被用于創(chuàng)建具有復(fù)雜3D結(jié)構(gòu)的網(wǎng)站頁面，甚至可以用來設(shè)計(jì) 3D 網(wǎng)頁游戲等等。所以我們不僅可以在瀏覽器上創(chuàng)建二維應(yīng)用和圖形，而且可以通過 GPU 的功能創(chuàng)建好看并且能夠流暢運(yùn)行的三維應(yīng)用和三位模型。然而直接使用 WebGL 編程是很復(fù)雜的。Three.js 提供一個(gè)非常簡單的關(guān)于 WebGL 特性的 JavaScript API，所以用戶不要詳細(xì)的學(xué)習(xí) WebGL，就能在瀏覽器上創(chuàng)作處好看的三維圖形和三維動(dòng)畫。本文主要介紹如何使用 HTML 腳本和 JavaScript 調(diào)用 Three.js 庫 API 在瀏覽器上繪制簡單的三位動(dòng)畫。制作的三維動(dòng)畫是地球、太陽、月球三者之間的運(yùn)動(dòng)關(guān)系。動(dòng)畫清晰的描繪出了三者的運(yùn)動(dòng)軌跡以及自轉(zhuǎn)和公轉(zhuǎn)，可謂中線學(xué)生學(xué)習(xí)天文知識(shí)所用。