XUI是一个能够让你使用flash cs这样的富媒体创作工具,来制作基于cocos2d-html5 和cocos2d-x 手游的工具

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分两部分:

  1. Flash CS的插件,用于导出fla中的资源及相关配置信息

  2. 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

项目地址 https://github.com/zhuzhonghua/XUI