排名前10的H5、Js 3D遊戲引擎和框架

專注前端30年發表於2017-11-10

由於很多人都在用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遊戲和動畫所需要的所有功能的編輯器,但是,它並不開源,需要一些相關的許可費用。
  瞭解更多—ambiera.com/copperlicht

  8. Voxel.JS
  Voxel.Js是開源的,基於JavaScript的一個3D遊戲引擎,自從它釋出以來,社群成長非常快。如果你喜歡模組化方法,Voxel是一個不錯的選擇。
  Voxel-engine是建立3D遊戲的核心模組,其它模組可以根據需要插入。到目前為止,已經有超過200個擴充套件在npm上釋出。
  瞭解更多—maxogden/voxel-engine

  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)建立。

相關文章