最近想研究WEBGL方面的知識(shí),然后經(jīng)朋友介紹缺谴,發(fā)現(xiàn)一個(gè)開(kāi)源的Three.js還不錯(cuò)但惶,打算研究一下,所以湿蛔,才有了此篇文檔膀曾。
通過(guò)此篇文檔,你能了解到 Three.js 是什么以及 Three.js 的一些其他基礎(chǔ)簡(jiǎn)介阳啥。
Three.js 是什么
Three.js 是一款運(yùn)行在瀏覽器中的 3D 引擎添谊,你可以用它創(chuàng)建各種三維場(chǎng)景,包括了攝影機(jī)察迟、光影斩狱、材質(zhì)等各種對(duì)象。你可以在它的主頁(yè)上看到許多精采的演示扎瓶。
Three.js 是一款WebGL三維引擎所踊,在所有WebGL引擎中,Three.js是國(guó)內(nèi)文資料最多概荷、使用最廣泛的三維引擎秕岛。
Three.js 是一個(gè) 跨瀏覽器的腳本,使用 JavaScript 函數(shù)庫(kù)或 API 來(lái)在網(wǎng)頁(yè)瀏覽器中創(chuàng)建和展示動(dòng)畫(huà)的三維計(jì)算機(jī)圖形误证。Three.js 使用 WebGL继薛。源代碼托管在 GitHub。
Three.js 允許使用 JavaScript 創(chuàng)建網(wǎng)頁(yè)中的 GPU 加速的 3D 動(dòng)畫(huà)元素愈捅,而不是使用特定的瀏覽器插件遏考。
Three.js 是一款 webGL 框架,由于其易用性被廣泛應(yīng)用蓝谨。Three.js 在 WebGL 的 API 接口基礎(chǔ)上诈皿,又進(jìn)行的一層封裝林束。
Three.js 以簡(jiǎn)單、直觀的方式封裝了 3D 圖形編程中常用的對(duì)象稽亏。Three.js 在開(kāi)發(fā)中使用了很多圖形引擎的高級(jí)技巧,極大地提高了性能缕题。
Three.js 作為 WebGL 框架中的佼佼者截歉,由于它的易用性和擴(kuò)展性,使得它能夠滿(mǎn)足大部分的開(kāi)發(fā)需求烟零,
Three.js 歷史
Three.js 由 Ricardo Cabello 在 2010 四月于 GitHub 首次發(fā)布瘪松。
它的起源可以追溯到他在本世紀(jì)初演示場(chǎng)景的參與。
代碼最初是在 ActionScript锨阿,稍后 2009 年移植到 JavaScript
Three.js 適用范圍
Three.js 在所有支持 WebGL 1.0 的瀏覽器皆可運(yùn)行宵睦。
補(bǔ)充:WebGL簡(jiǎn)介
WebGL(Web 圖形庫(kù))是一個(gè) JavaScript API,可在任何兼容的 Web 瀏覽器中渲染高性能的交互式 3D 和 2D 圖形墅诡,而無(wú)需使用插件壳嚎。
WebGL 通過(guò)引入一個(gè)與 OpenGL ES 2.0 非常一致的 API 來(lái)做到這一點(diǎn),該 API 可以在 HTML5 <canvas> 元素中使用末早。這種一致性使 API 可以利用用戶(hù)設(shè)備提供的硬件圖形加速烟馅。
目前支持 WebGL 的瀏覽器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+, Internet Explorer 11+ 和 Microsoft Edge build 10240+;然而然磷,WebGL 一些特性也需要用戶(hù)的硬件設(shè)備支持郑趁。
Three.js 官網(wǎng)與學(xué)習(xí)教程
Three.js 官網(wǎng)
英文官網(wǎng) : https://threejs.org/
中文官網(wǎng) : http://www.webgl3d.cn/
Three.js 學(xué)習(xí)文檔
英文官網(wǎng)文檔 : https://threejs.org/docs/index.html#manual/en/
中文官網(wǎng)文檔 : https://threejs.org/docs/index.html#manual/zh/
webgl3d-文檔 http://www.webgl3d.cn/
視頻教程
參考文檔