青瓷引擎(qici engine)是一款功能强大的HTML5游戏开发引擎,它主要帮助可发着快速完成HTML5小游戏的开发制作,在青瓷引擎(qici engine)中,基于跨浏览器平台操作的HTML5游戏编辑器,而且免费开源,可满足于开发人员快速完成JavaScript游戏的还发制作的需求!

基本介绍
青瓷引擎(qici engine)极易入门,采用纯JavaScript语言架构,即引擎基于JavaScript,工具基于JavaScript,后台服务基于Node的JavaScript,这样的架构体系使得系统内部各个组件无缝融合,并最大化的减低了对开发人员的要求,只要懂JavaScript即可开发游戏,又可自定义扩展开发工具和后台服务的插件。另外,青瓷引擎无需插件和客户端安装即可在浏览器下运行,甚至在平板和手机上亦能做开发工作。而在正式版中,更是新增了上百个示例工程,为开发者的学习保驾护航。
软件特色
1、上手容易,学习成本低
引擎、编辑器、后台均基于JavaScript数百个工程示例Demo及完整游戏教程助力用户学习掌握。
2、开发效率高
重新定义了HTML5游戏的开发工作流,开发、调试尽在浏览器内。不断丰富的插件库,让游戏开发更加便捷、简单。
3、一站式集成工具套件
开发和整合了游戏中用到的各种工具,强调了各工具之间的无缝融合,大大提升了开发效率。
4、传播更广
游戏无需浏览器安装额外插件,适应性更广,更利于传播。
5、开源免费 便于扩展
MIT开源协议,面向组件式编程,支持组件热拔插,方便扩展维护。核心库及编辑器都是纯JavaScript,便于用户自行扩展修改。
6、可视化编辑 所见即所得
先进的UI界面布局规则,简单几步,无需编码即可适配各种分辨率。强大的可视化编辑功能,拖拖拽拽便可以实现很多复杂的功能。

功能介绍
1、基于浏览器的编辑器
2、所见即所得的实时调试功能
3、网络资源管理,支持预加载、动态加载
4、时间调度系统,可控制帧率,游戏速度等
5、自适应Web Audio和Audio Tag,适配性更高的声音管理功能
6、提供了表格、拉条、滚动视图等丰富的界面控件
7、提供了游戏与HTML元素混合处理模式
8、提供基于Rect Tranform的UI布局套件
9、支持WebFont和BitmapFont等字体系统
10、优化文字对视网膜设备的适配
11、整合图集打包,帧动画编辑功能
12、高性能骨骼动画渲染
13、支持多种Filter着色器渲染
14、支持Excel数据导入功能
15、支持Tilemap的地图导入,并优化刷新性能
16、强大的可视化Tween曲线动画编辑功能
17、编辑器菜单和属性面板支持可自定义扩展功能
18、可扩展插件功能,提供物理、锁屏、微信接口和服务端通讯等内置插件

青瓷引擎技术堆栈
青瓷引擎由三部分组成: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游戏引擎。
工程创建与管理方法
创建新工程
点击“New Project”:

浏览到工程目录,双击选中(注意:目标目录必须为空目录)

点击创建按钮,完成工程的创建

打开工程
点击“Open Project"
浏览到工程所在的目录,点击“打开”按钮

视频演示:
注意:如果要同时打开多个不同工程,请启动多个后台服务
切换工程
在当前工程中,选择菜单(打开最近工程,或者打开指定目录工程):

∨ 展开