JavaScript 游戲引擎類庫 青瓷引擎

jopen 9年前發布 | 35K 次閱讀 游戲 游戲開發

青瓷引擎是一套開源免費的JavaScript游戲引擎類庫,其基于開源免費的Phaser游戲引擎,并提供了一套完全基于瀏覽器的跨平臺集成式HTML5游戲編輯器。

JavaScript 游戲引擎類庫 青瓷引擎

采用青瓷引擎,開發HTML5游戲和傳統Web網頁開發一樣,使用任何你喜歡的編輯器,使用任何你喜歡的瀏覽器,利用JavaScript語言和所有先進的Web開發工具,讓青瓷引擎處理底層技術的復雜性,你只需要關注最重要的事情:做游戲!

青瓷引擎技術堆棧

青瓷引擎由三部分組成:QICI Core、QICI Widget和QICI Editor

  1. QICI Core:一套JavaScript游戲引擎類庫(qc-core.js),基于開源免費的Phaser游戲引擎。
  2. QICI Widget:一套JavaScript圖形組件庫(qc-widget.js),為編輯器提供豐富強大的通用組件。
  3. QICI Editor:一套基于瀏覽器的跨平臺集成式游戲編輯器,包含基于Node.JS的后臺服務。

JavaScript 游戲引擎類庫 青瓷引擎

QICI Core可用于編程方式開發HTML5游戲,無需QICI Editor的支持。但對于界面布局稍微有點復雜度的游戲,如果沒有QICI Editor這樣所見即所得的可視化開發工具,很難進行快速開發和維護,采用QICI Editor美術和策劃甚至都可以參與幫助游戲界面的構建。QICI Widget主要內部使用,為QICI Editor提供基礎通用組件支持。

QICI Core是基于JavaScript的游戲類庫,QICI Widget是基于JavaScript的圖形組件庫,QICI Editor采用Node.JS進行資源文件IO處理,所以可以說青瓷引擎是全棧式的JavaScript游戲引擎。

青瓷引擎特點

  • 游戲無需瀏覽器安裝額外插件,適應性更廣,更利于傳播
  • 重新定義了HTML5游戲的開發工作流,開發、調試盡在瀏覽器內
  • 面向組件式編程,支持組件熱拔插,方便擴展維護
  • 強大的可視化編輯功能,讓設計不再是憑空想象
  • 先進的UI界面布局規則,使得屏幕適配更加簡單
  • 為國內手機瀏覽器進行了優化,減少非標準適配的煩惱
  • 高效的渲染底層,自適應WebGl和Canvas兩種模式
  • 豐富的底層核心功能,涵蓋絕大部分游戲開發需求
  • 不斷豐富的插件庫,讓游戲開發更加便捷、簡單

青瓷引擎功能
  • 基于瀏覽器的編輯器
  • 所見即所得的實時調試功能
  • 網絡資源管理,支持預加載、動態加載
  • 時間調度系統,可控制幀率,游戲速度等
  • 自適應Web Audio和Audio Tag,適配性更高的聲音管理功能
  • 提供了表格、拉條、滾動視圖等豐富的界面控件
  • 提供了游戲與HTML元素混合處理模式
  • 提供基于Rect Tranform的UI布局套件
  • 支持WebFont和BitmapFont等字體系統
  • 優化文字對視網膜設備的適配
  • 整合圖集打包,幀動畫編輯功能
  • 高性能骨骼動畫渲染
  • 支持多種Filter著色器渲染
  • 支持Excel數據導入功能
  • 支持Tilemap的地圖導入,并優化刷新性能
  • 強大的可視化Tween曲線動畫編輯功能
  • 編輯器菜單和屬性面板支持可自定義擴展功能
  • 可擴展插件功能,提供物理、鎖屏、微信接口和服務端通訊等內置插件


基于瀏覽器的編輯器,無需安裝任何插件,開發、調試盡在瀏覽器內。

iPad

JavaScript 游戲引擎類庫 青瓷引擎

JavaScript 游戲引擎類庫 青瓷引擎


iPhone


JavaScript 游戲引擎類庫 青瓷引擎

JavaScript 游戲引擎類庫 青瓷引擎

JavaScript 游戲引擎類庫 青瓷引擎

部分游戲示例(點擊圖片可體驗游戲

《神奇的六邊形》(《神奇的六邊形》完整教程

JavaScript 游戲引擎類庫 青瓷引擎


《蛇精病》

 JavaScript 游戲引擎類庫 青瓷引擎

 《跳躍的方塊》 (《跳躍的方塊》完整教程

 

 

 JavaScript 游戲引擎類庫 青瓷引擎

 

《2187》

JavaScript 游戲引擎類庫 青瓷引擎

 

Examples

A wide range of source code examples for you to explore. Download all in one zip file.

           

項目主頁:http://www.baiduhome.net/lib/view/home/1450441144188

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!