JavaScript 游戲引擎類庫 青瓷引擎
青瓷引擎是一套開源免費的JavaScript游戲引擎類庫,其基于開源免費的Phaser游戲引擎,并提供了一套完全基于瀏覽器的跨平臺集成式HTML5游戲編輯器。
采用青瓷引擎,開發HTML5游戲和傳統Web網頁開發一樣,使用任何你喜歡的編輯器,使用任何你喜歡的瀏覽器,利用JavaScript語言和所有先進的Web開發工具,讓青瓷引擎處理底層技術的復雜性,你只需要關注最重要的事情:做游戲!
青瓷引擎技術堆棧
青瓷引擎由三部分組成:QICI Core、QICI Widget和QICI Editor
- QICI Core:一套JavaScript游戲引擎類庫(qc-core.js),基于開源免費的Phaser游戲引擎。
- QICI Widget:一套JavaScript圖形組件庫(qc-widget.js),為編輯器提供豐富強大的通用組件。
- QICI Editor:一套基于瀏覽器的跨平臺集成式游戲編輯器,包含基于Node.JS的后臺服務。
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

部分游戲示例(點擊圖片可體驗游戲)
《神奇的六邊形》(《神奇的六邊形》完整教程)
《蛇精病》
《跳躍的方塊》 (《跳躍的方塊》完整教程)
《2187》
Examples
A wide range of source code examples for you to explore. Download all in one zip file.