XUI是一个能够让你使用flash cs这样的富媒体创作工具,来制作基于cocos2d-html5 和cocos2d-x 手游的工具。
相对于其它基于flash cs的工具,XUI的限制更少,API定制更丰富,基于关键帧,使用的资源量更少。
基于javascript脚本,所以完全可以实现APP内更新,并且可以做到开发一次,同时发布 ios app , android app和html5版本
两段视频可以展示,目前XUI的功能
基本功能的展示
http://www.tudou.com/programs/view/iz10aSfMeVk/
自己在网上找资源拼凑的一个简单版本天天跑酷
http://www.tudou.com/programs/view/yWjLS2LoIh4/
XUI分两部分:
-
Flash CS的插件,用于导出fla中的资源及相关配置信息
-
cocos2d-html5和cocos2d-x的jsb接口,解析第一步导出的配置文件,并使用cocos2d系列的API显示
所以理论上,可以替换第二部分的API接口,来适应到其它非cocos2d系列的引擎上。
如何使用
可以直接使用cocos2d-html5/Test/index.html来查看cocos2d-html5版本的demo,也可以使用自己的fla,来导出试试看
准备好自己的fla
使用export工具导出
把相应文件分别拷贝到src和res目录
修改cocos2d.js中的appFiles
修改main.js中的该行,为自己的变量名 var testResource = XUI.filterResource(control)
修改testApp.js中的该行,为自己的变量名 var xui = new XUI(control);
可以直接使用cocos2d-x/projects/PVZOL/win32/pvzol.sln,来查看上面第二部分的视频demo
API 使用
var ctlXUI = new XUI()
ctlXUI.load(xxx)
var ctlDOM = ctlXUI.getDOM()
var node = ctlXUI.getNode(xxx)
node除了支持API中的方法,还支持别的各种方法简单列举如下,具体查看XUI.js
button
node.addEvent("click", function(){})
动画label帧如果想控制某一段帧动画,那么就加一个帧标签吧
你甚至可以控制flash cs中某一层,旋转,显示,隐藏
node.addEvent("frame_enter", function(){})
dom 或者mc
node.startUpdate()
node.stopUpdate()
基于MIT协议发布
http://opensource.org/licenses/mit-license.php