青瓷引擎 - JavaScript 游戏引擎类库


MIT
跨平台
JavaScript

软件简介

青瓷引擎是一套开源免费的JavaScript游戏引擎类库,其基于开源免费的Phaser游戏引擎,并提供了一套完全基于浏览器的跨平台集成式HTML5游戏编辑器。

采用青瓷引擎,开发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的后台服务。

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

iPhone

部分游戏示例(点击图片可体验游戏)

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

《蛇精病》

《跳跃的方块》 (《跳跃的方块》完整教程

《2187》

Examples

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