3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫
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庫
Three.js是最著名的3D WebGL JavaScript庫,成千上萬的開發人員使用它來製作基於WebGL的遊戲、模型、網站。它有數百個演示和示例,豐富的教程庫以及強大的社群。Three.js被用作許多WebGL圖形引擎和幾個瀏覽器就緒遊戲引擎的基礎。它具有強大的輕量級線上編輯器。
Babylon.js
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的開源圖形和遊戲引擎
KickJS是一個開源(BSD許可證)WebGL遊戲引擎和3D Web圖形庫,專為現代Web瀏覽器構建。它為新開發人員提供了簡單的學習曲線,因為它帶有豐富清晰的文件、教程和幾個遊戲示例。作為遊戲引擎,KickJS支援滑鼠、鍵盤和遊戲手柄控制器。它為開發人員提供了多種工具,包括著色器編輯器、模型工具、擴充套件檢視器以及一些具有清晰程式碼的遊戲示例。
ClayGL
構建可擴充套件的Web3D應用程式
ClayGL是一個Web 3D圖形庫,用於構建3D Web就緒應用程式,例如在真實的地理地圖上繪製互動式3D街道地圖。ClayGL作為一個開源專案提供。
PlayCanvas
用於Web的遊戲和3D圖形引擎
PlayCanvas是一個輕量級的全功能3D網頁遊戲和圖形引擎。它是開發人員最喜歡的WebGL 3D遊戲引擎。它具有令人印象深刻的功能列表,可為遊戲開發人員提供構建 Web 優先圖形豐富的遊戲所需的一切。PlayCanvas被許多遊戲開發商使用,市場上有幾款成功的遊戲。PlayCanvas不僅為遊戲而構建,還可用於構建AR(擴增實境)和VR(虛擬現實)應用程式。
WebGLStudio.js
開源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視覺化庫
Luma是一個開源的高效能WebGL2元件,用於GPU驅動的資料視覺化和計算。它由Uber作為一個開源專案釋出和維護。
A-Frame
構建VR(虛擬現實)體驗的Web框架
A-Frame是一個開源的WebGL框架,用於構建虛擬現實(VR)應用程式。它被迪士尼、谷歌、Mozilla、NASA、三星、索尼和豐田等世界頂級公司使用。它相當易於使用,因為它對於有經驗的人和初學者來說也很容易學習。A-Frame可以在Vive、Rift等VR平臺、Mozilla Firefox和Google Chrome等瀏覽器、效能流暢的智慧手機上執行。
X3DOM
任何 Web 專案中構建和嵌入 3D 元素
X3DOM是一個WebGL框架,用於為網站和Web應用程式構建可嵌入的3D Web就緒圖形。它提供了可以新增到任何HTML5專案的簡單標記程式碼。
X3DOM 將 3D 內容無縫整合到您的網頁中,場景直接寫入 HTML 標記中。無需外掛。只需包含一個 JavaScript 檔案。免費用於非商業和商業目的。
Grimoire.js
用於Web開發的WebGL框架
Grimoire.js是一個用於構建3D Web應用程式的開源WebGL框架,它旨在為Web工程師和CG工程師之間架起一座橋樑。
PixiJS
HTML5建立引擎
PixiJS是一個2D / 3D Web圖形引擎,可簡化為Web建立令人驚歎的互動式圖形應用程式。它是一個模組化引擎,可以透過外掛輕鬆擴充套件,它受到Web開發人員,2D遊戲創作者以及Google,BBC,Volkswagen,HBO,Adobe和Disney等大公司的青睞。最好建立互動式複雜的 2D 視覺化、2D 遊戲和產品展示。
SceneJS
SceneJS是一個開源(已停產)基於WebGL的圖形引擎,用於高度詳細的3D視覺化。它是使生物數字人類專案滴答作響的核心引擎。雖然該專案已經停止,並且BioDigitalHuman使用經過大量修改的版本(非開源),但舊的儲存庫已被存檔用於WebGL教育目的。SceneJS 團隊釋出了一個新的庫作為生產就緒庫 XeoGL。
XeoGL
SceneJS 繼任者
SceneJS的繼任者XeoGL是由同一開發人員釋出的,它是資料驅動的WebGL圖形引擎,帶有多個工具,旨在更輕鬆地將CAD / 3D整合到Web專案中。它旨在提供一種工具來構建複雜的3D WebGL圖形,這些圖形可以透過現代瀏覽器流暢執行。
CurtainsJS
JavaScript WebGL Animation Library
CurtainsJS是一個開源的WebGL庫,旨在為網頁提供基於WebGL的動畫。它不是圖形引擎,也不是遊戲引擎,而是基於3D動畫和事件的圖形庫。它使用WebGL渲染庫將基於HTML的元素轉換為3D動畫物件。
PhiloGL
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 基於Web的6個完美3D圖形WebGL庫Web3D
- OpenGL ES繪製3D圖形3D
- 使用Matplotlib繪製3D圖形3D
- [WebGL入門]三,3D繪圖的基礎知識Web3D繪圖
- js 3d圖形JS3D
- 如何使用Python和Plotly繪製3D圖形Python3D
- 數百個 HTML5 例子學習 HT 圖形元件 – WebGL 3D 篇HTML元件Web3D
- 3分鐘開啟Web 3D圖形學的大門Web3D
- 基於 WebGL 的 3D Chart 圖表Web3D
- 3D圖形:透視投影3D
- 【matplotlib基礎】--3D圖形3D
- 4個.Net跨平臺圖形開源庫
- vis.js造型曲面3d圖形JS3D
- vis.js工具提示3d圖形JS3D
- 基於HTML5 WebGL 將拓撲圖和圖表繪製在 3D 六面體上HTMLWeb3D
- OpenGL基礎圖形程式設計(一)OpenGL與3D圖形世界程式設計3D
- 圖形學3D渲染管線學習3D
- vis.js可動的3d圖形JS3D
- WebGL 3d賀卡Web3D
- 分享一個WebGL開發的網站-用JavaScript + WebGL開發3D模型Web網站JavaScript3D模型
- 推薦12個最好的 JavaScript 圖形繪製庫JavaScript
- WebGL入門之基於WebGL的3D視覺化引擎介紹Web3D視覺化
- 室內三維3D地圖開發,自動繪製生成地圖軟體3D地圖
- web開發中圖形Web
- 在WebGL中使用drawElements繪圖Web繪圖
- 基於 HTML5 WebGL 的 3D 網路拓撲圖HTMLWeb3D
- 基於 WebGL 的 HTML5 3D 網路拓撲圖WebHTML3D
- iOS 繪圖 - 如何繪製一個多邊形能力分佈圖iOS繪圖
- WebGL之3D地球Web3D
- 13個JavaScript圖表(JS圖表)圖形繪製外掛JavaScriptJS
- Origin圖表技巧之繪製帶輔助面的3D折線圖3D
- 在PowerPoint中製作3D圖形的方法3D
- java:繪製圖形Java
- 傳統3D遊戲引擎的Web化3D遊戲引擎Web
- JavaScript 3D圖表JavaScript3D
- 深圳3D地圖3D地圖
- 將拓撲圖和圖表繪製在 3D 六面體上3D
- 如何用webgl(three.js)搭建一個3D庫房,3D密集架,3D檔案室(升級版)WebJS3D