Top 10:HTML5、JavaScript 3D遊戲引擎和框架
由於很多人都在用JavaScript、HTML5和WebGL技術建立基於瀏覽器的3D遊戲,所有JavaScript 3D遊戲引擎是一個人們主題。基於瀏覽器的遊戲最棒的地方是平臺獨立,它們能在iOS、Android、Windows或其他任何平臺上執行。
有很多的JavaScript能夠用於建立基於瀏覽器、使用HTML5和WebGL的3D遊戲。然後,選擇一個合適的遊戲引擎是一個不小的挑戰,它有時能幫你完成專案或突破專案瓶頸。
為了讓你的選擇變的容易,我們已經通過分析大多數JavaScript 3D遊戲引擎在今天的市場並列出了十大遊戲引擎來幫助您用JavaScript建立非常棒的HTML5,WebGL遊戲。
1. Babylon.js
毫無疑問,Babylon.JS是最好的JavaScript3D遊戲引擎,它能建立可以出售的專業級遊戲。
Babylon.JS是David Catuhe對3D遊戲引擎熱愛的結果,他在用DirectX, OpenGL, 和Silverlight建立3D遊戲引擎方面是經驗豐富,並最終自己完成了一個遊戲引擎。
Babylon.js的一些核心功能包含了場景圖與燈光、攝像機、材料和網格、碰撞引擎、物理引擎、音訊引擎和優化引擎。
這是一個Babylon.js試驗場,你可以拿你手邊的遊戲來試試這個遊戲引擎。
2.Three.js
Three.js是另一個廣泛應用並且功能強大的JavaScript 3D庫,從建立簡單的3D動畫到建立互動的3D遊戲, 它都能實現。
Threejs帶來的不僅是支援WebGL渲染,也支援SVG、Canvas和CSS3D渲染。然而,從遊戲的角度來看,你可以只關注Threejs的WebGL渲染。
獲取Three.js 3D引擎的原始碼—github
3. Turbulenz
Turbulenz是最好的遊戲引擎之一,在2009年,當HTML5和WebGL還在醞釀時,它已經被推出。直到2013年,Turbulenz才基於MIT協議擁抱開源。
Turbulenz包含了很多功能,例如2d物理、3d物理、聲音、視訊和其他服務,如排行榜、multichat,支付和使用者資料。
瞭解更多:biz.turbulenz.com
獲取原始碼:turbulenz_engine
4. Famo.us
在HTML5 3D發展的市場中,Famo.us佔據了非常重要的地位,並且它是最好的JavaScript 3D開源框架之一。對於famo.us,最好的事情就是包裝了3D佈局引擎,其完全繼承了3D物理驅動的動畫引擎。
瞭解更多—famo.us/docs
獲取原始碼—famous
5. PlayCanvas.js
PlayCanvas是一個基於WebGL遊戲引擎的企業級開源JavaScript框架,它有許多的開發工具能幫你快速建立3D遊戲。PlayCanvas.js由一個專業社群建立,最初並不是開源的,但現在你可以在github上fork PlayCanvas.js,然後在你的下一個3D遊戲專案中免費使用。
它還提供了能在瀏覽器中雲心的雲編輯器,開始使用PalyCanvas和導航到編輯器的URL一樣容易。
瞭解更多—playcanvas.com
獲取原始碼—playcanvas/engine
6. Goo Engine
來自於GOO技術家族,Goo引擎有一組功能強大的JavaScript API,可通過使用HTML5和WebGL建立任何3D事物。有一個線上的編輯器goocreate,可以執行在Goo引擎上,並封裝了一些功能,例如視覺三維編輯器,材質編輯器、指令碼和容易釋出選項等。
你可以通過支付一些相關的許可費用,在瀏覽器中使用線上編輯器。
儘管編輯器需要一些費用,但是Goo引擎是絕對免費的,你可以下載它並在你的3D專案中使用。
瞭解更多—-labs.gooengine.com
獲取原始碼—code.gooengine.com
7. CooperLicht
對於建立基於瀏覽器的遊戲,CopperLIcht是最出色的3D引擎之一,也是CopperCube 3D遊戲編輯器的後端引擎。
CopperCube是一個支援建立3D遊戲和動畫所需要的所有功能的編輯器,但是,它並不開源,需要一些相關的許可費用。
8. Voxel.JS
Voxel.Js是開源的,基於JavaScript的一個3D遊戲引擎,自從它釋出以來,社群成長非常快。如果你喜歡模組化方法,Voxel是一個不錯的選擇。
Voxel-engine是建立3D遊戲的核心模組,其它模組可以根據需要插入。到目前為止,已經有超過200個擴充套件在npm上釋出。
9. Blend4Web
在2014年,Blend4Web作為開源的3D框架而釋出,它高度整合了Triumph的3D內容建立工具“Blender”,並且本地支援Blender的節點材料、粒子系統、bullet物理引擎和其他功能。
獲取原始碼—blend4web.com/en/downloads
10. Enchant.js
Enchant.js是一個模組化的、物件導向的JavaScript框架,可用HTML5建立簡單的APP和遊戲。它是基於MIT協議開源的,因此開源免費使用。3D動畫和遊戲開源使用額外的外掛(基於WebGL)建立。
獲取原始碼–wise9/enchant.js
相關文章
- 排名前10的H5、Js 3D遊戲引擎和框架H5JS3D遊戲引擎框架
- 18 款超酷的 HTML5 和 JavaScript 遊戲引擎庫HTMLJavaScript遊戲引擎
- javascript遊戲引擎JavaScript遊戲引擎
- Phaser桌面和手機遊戲HTML5框架遊戲HTML框架
- 25 個超棒的 HTML5 & JavaScript 遊戲引擎開發庫HTMLJavaScript遊戲引擎
- 傳統3D遊戲引擎的Web化3D遊戲引擎Web
- Elements Of A Game Engine - 3D遊戲引擎原理 (轉)GAM3D遊戲引擎
- 100行JS實現HTML5的3D貪吃蛇遊戲JSHTML3D遊戲
- 10個令人驚歎的HTML5和JavaScript效果HTMLJavaScript
- Android 3D遊戲開發——Opengl ES遊戲引擎實現Android3D遊戲開發遊戲引擎
- PhoneJS - HTML5 JavaScript 移動開發框架JSHTMLJavaScript移動開發框架
- 3D繪圖:18個WebGL開源引擎框架及Web 3D圖形庫3D繪圖Web框架
- HTML5移動遊戲開發高階程式設計 10:自建Quintus引擎(2)HTML遊戲開發程式設計UI
- 鏟子騎士:2D遊戲,3D引擎打造遊戲3D
- HTML5遊戲開發進階 4 :物理引擎整合HTML遊戲開發
- 10個最好的 JavaScript 動畫庫和開發框架JavaScript動畫框架
- 任天堂:Switch獨立遊戲TOP 10遊戲
- WebGL實現HTML5的3D貪吃蛇遊戲WebHTML3D遊戲
- Bevy:基於Rust的資料驅動遊戲引擎和應用程式框架Rust遊戲引擎框架
- 3D遊戲的照明設計理論(四):如何在遊戲引擎中照亮遊戲世界3D遊戲引擎
- HTML5遊戲開發進階指南(亞馬遜5星暢銷書,教你用HTML5和JavaScript構建遊戲!)HTML遊戲開發亞馬遜JavaScript
- 基於 HTML5 WebGL 的 3D 渲染引擎構建工廠運作系統HTMLWeb3D
- HTML5遊戲開發進階 3 :物理引擎基礎HTML遊戲開發
- 基於HTML5的WebGL設計漢諾塔3D遊戲HTMLWeb3D遊戲
- 高效能動畫!HTML5 Canvas JavaScript框架KineticJS動畫HTMLCanvasJavaScript框架JS
- 3D遊戲引擎之遊戲攝像機的使用 公開課直播視訊3D遊戲引擎
- Android 3D遊戲開發(高階篇)——Opengl ES遊戲引擎實現Android3D遊戲開發遊戲引擎
- SPA和JavaScript框架體會JavaScript框架
- 基於 HTML5 Canvas 的 3D 渲染引擎構建生產管控系統HTMLCanvas3D
- Sensor Tower:Q3超休閒遊戲3D類6款佔據TOP10遊戲3D
- Top 10 JavaScript編輯器,你在用哪個?JavaScript
- GitHub上最流行的Top 10 JavaScript專案GithubJavaScript
- 我完成了10000小時開發3D引擎3D
- Javascript內建變數top和parent區別JavaScript變數
- 遊戲與遊戲引擎遊戲引擎
- 3個CSS3和HTML5新框架CSSS3HTML框架
- 推薦10款優秀的JavaScript Web UI庫 框架和套件JavaScriptWebUI框架套件
- javascript引擎工作原理JavaScript