3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

Sovit資料視覺化研究猿發表於2023-02-10

WebGL是基於OpenGL的JavaScript API庫,允許Web瀏覽器在瀏覽器中渲染3D / 2D圖形,而無需安裝額外的外掛、桌面應用程式。WebGL允許透過瀏覽器使用機器GPU將3D圖形渲染成HTML頁面。WebGL目前在大多數瀏覽器(如Google Chrome,Mozilla Firefox和Safari)中都受支援。WebGL可以透過瀏覽器設定或使用特殊外掛來禁用或啟用。


WebGL框架和庫用於建立互動式展示,基於網頁遊戲、視覺化、虛擬現實(VR)和混合現實(MR)應用程式。


WebGL用於多個行業,如遊戲、工程、資料分析、地理空間分析、科學和醫學視覺化與模擬。


Three.js

JavaScript 3D WebGL庫

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

Three.js是最著名的3D WebGL JavaScript庫,成千上萬的開發人員使用它來製作基於WebGL的遊戲、模型、網站。它有數百個演示和示例,豐富的教程庫以及強大的社群。Three.js被用作許多WebGL圖形引擎和幾個瀏覽器就緒遊戲引擎的基礎。它具有強大的輕量級線上編輯器。

Babylon.js

Web 3D圖形引擎

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

Babylon.js是一個強大、簡單、開放的遊戲和渲染引擎,打包在一個友好的JavaScript框架中。


Babylon.js是一個簡單而強大的WebGL驅動的3D圖形引擎,它為JavaScript開發人員提供了簡單的API以及豐富的文件和教程。可用於構建互動式3D展示/演示、3D Web產品演示、遊戲、VR(虛擬現實)應用程式和複雜的架構模擬。


Babylon.js擁有一個非常大的開發人員社群,提供程式碼片段、教程,當然還有可重用的擴充套件來擴充套件其核心功能。

Filament

谷歌移動優先的WebGL框架

Filament是一個用C++編寫的基於物理的實時渲染器。它是移動優先的,但也是多平臺的。Filament是為Web構建的開源WebGL實時3D渲染器。它使用C++,旨在成為移動優先的3D平臺。Filament由Google開發和釋出,作為其開源專案的一部分。雖然它針對多平臺(Android,iOS,Linux,macOS和Windows)以移動為重點,但它在開發人員中並不受歡迎。這是一個相當新的庫,但隨著時間的推移,它可能會引起遊戲開發人員的注意。

KickJS

Web的開源圖形和遊戲引擎

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

KickJS是一個開源(BSD許可證)WebGL遊戲引擎和3D Web圖形庫,專為現代Web瀏覽器構建。它為新開發人員提供了簡單的學習曲線,因為它帶有豐富清晰的文件、教程和幾個遊戲示例。作為遊戲引擎,KickJS支援滑鼠、鍵盤和遊戲手柄控制器。它為開發人員提供了多種工具,包括著色器編輯器、模型工具、擴充套件檢視器以及一些具有清晰程式碼的遊戲示例。

ClayGL

構建可擴充套件的Web3D應用程式

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

ClayGL是一個Web 3D圖形庫,用於構建3D Web就緒應用程式,例如在真實的地理地圖上繪製互動式3D街道地圖。ClayGL作為一個開源專案提供。

PlayCanvas

用於Web的遊戲和3D圖形引擎

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

PlayCanvas是一個輕量級的全功能3D網頁遊戲和圖形引擎。它是開發人員最喜歡的WebGL 3D遊戲引擎。它具有令人印象深刻的功能列表,可為遊戲開發人員提供構建 Web 優先圖形豐富的遊戲所需的一切。PlayCanvas被許多遊戲開發商使用,市場上有幾款成功的遊戲。PlayCanvas不僅為遊戲而構建,還可用於構建AR(擴增實境)和VR(虛擬現實)應用程式。

WebGLStudio.js

開源Web 3D圖形編輯器和建立者

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

WebGLStudio是一個開源的高階3D WebGL基於Web的編輯器。使用 WebGLStudio,可以匯出包含所有資訊的 JSON 檔案,並在 LiteScene 中使用它。WebGLStudio.js可以直接從瀏覽器建立互動式3D場景,並允許直觀地編輯場景。

Litescene.js

開源Web 3D圖形編輯器和建立者

Litescene.js是一個簡單而強大的WebGL庫,提供基於元件的節點層次結構,它提供了簡單的JSON程式碼,易於嵌入Web專案中,並在WebGLStudio.js編輯器中使用。

Litescene.js使用自己的迷你庫“Litegl.js”來扭曲WebGL元件,透過建立用於管理不同專案的類(如緩衝區,網格,紋理,著色器)和任何WebGL應用程式的其他常見方面,使其更加使用者友好。

Luma

優步的3D WebGL視覺化庫

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

Luma是一個開源的高效能WebGL2元件,用於GPU驅動的資料視覺化和計算。它由Uber作為一個開源專案釋出和維護。

A-Frame

構建VR(虛擬現實)體驗的Web框架

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

A-Frame是一個開源的WebGL框架,用於構建虛擬現實(VR)應用程式。它被迪士尼、谷歌、Mozilla、NASA、三星、索尼和豐田等世界頂級公司使用。它相當易於使用,因為它對於有經驗的人和初學者來說也很容易學習。A-Frame可以在Vive、Rift等VR平臺、Mozilla Firefox和Google Chrome等瀏覽器、效能流暢的智慧手機上執行。

X3DOM

任何 Web 專案中構建和嵌入 3D 元素

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

X3DOM是一個WebGL框架,用於為網站和Web應用程式構建可嵌入的3D Web就緒圖形。它提供了可以新增到任何HTML5專案的簡單標記程式碼。

X3DOM 將 3D 內容無縫整合到您的網頁中,場景直接寫入 HTML 標記中。無需外掛。只需包含一個 JavaScript 檔案。免費用於非商業和商業目的。

Grimoire.js

用於Web開發的WebGL框架

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

Grimoire.js是一個用於構建3D Web應用程式的開源WebGL框架,它旨在為Web工程師和CG工程師之間架起一座橋樑。

PixiJS

HTML5建立引擎

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

PixiJS是一個2D / 3D Web圖形引擎,可簡化為Web建立令人驚歎的互動式圖形應用程式。它是一個模組化引擎,可以透過外掛輕鬆擴充套件,它受到Web開發人員,2D遊戲創作者以及Google,BBC,Volkswagen,HBO,Adobe和Disney等大公司的青睞。最好建立互動式複雜的 2D 視覺化、2D 遊戲和產品展示。

SceneJS

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

SceneJS是一個開源(已停產)基於WebGL的圖形引擎,用於高度詳細的3D視覺化。它是使生物數字人類專案滴答作響的核心引擎。雖然該專案已經停止,並且BioDigitalHuman使用經過大量修改的版本(非開源),但舊的儲存庫已被存檔用於WebGL教育目的。SceneJS 團隊釋出了一個新的庫作為生產就緒庫 XeoGL。

XeoGL

SceneJS 繼任者

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

SceneJS的繼任者XeoGL是由同一開發人員釋出的,它是資料驅動的WebGL圖形引擎,帶有多個工具,旨在更輕鬆地將CAD / 3D整合到Web專案中。它旨在提供一種工具來構建複雜的3D WebGL圖形,這些圖形可以透過現代瀏覽器流暢執行。

CurtainsJS

JavaScript WebGL Animation Library

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

CurtainsJS是一個開源的WebGL庫,旨在為網頁提供基於WebGL的動畫。它不是圖形引擎,也不是遊戲引擎,而是基於3D動畫和事件的圖形庫。它使用WebGL渲染庫將基於HTML的元素轉換為3D動畫物件。

PhiloGL

3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫

PhiloGL是一個WebGL Javascript框架,用於構建用於資料視覺化,創意編碼和遊戲開發的互動式3D複雜圖形應用程式。它可以與其他庫一起使用,因為它與庫無關。這是一個由SenchaLabs在MIT許可下發布的開源專案。

Sovit3D

基於WebGL 3D視覺化編輯器

Sovit3D 是一個物聯網視覺化PaaS開發平臺,基於JavaScript語言的3D圖形引擎,為Web視覺化提供了豐富的展現形式和視覺效果,幫助軟體開發公司、解決方案提供商輕鬆搭建3D視覺化介面。平臺聚焦工業數字孿生的生產管控、智慧城市的監控運維等視覺化應用領域,產品的模組組態化形式可以滿足全要素智慧場景的構建。廣泛應用於電力能源、水利、物聯網、工業網際網路、智慧城市、智慧醫療、智慧農業、IT運維等各行業多領域。


Sovit3D 平臺採用B/S架構,基於WebGL繪圖技術標準,提供基於Web瀏覽器的3D視覺化行業元件,支援HTML5/SVG等最新技術,可方便的在瀏覽器上進行瀏覽和除錯。為開發人員製作符合使用者使用習慣的大屏視覺化應用,包括2D圖表分析、3D建築實景、3D工業裝置模型等相關內容,輕鬆拖拽即可實現,控制實時資料及動畫展示、歷史回放、報警、命令下發等功能。 


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70014953/viewspace-2934754/,如需轉載,請註明出處,否則將追究法律責任。

相關文章