cocos2dx显示html,导出CocosCreator项目供cocos2dx加载

官方文档地址:

http://docs.cocos.com/cocos2d-x/manual/zh/editors_and_tools/creator_to_cocos2dx.html

1、新建CocosCreator项目。

1513569220538525.jpg

2、安装creator_to_cocos2dx 插件拷贝到 Creator 项目的 packages 目录

1513569230719202.jpg

1513569236561738.jpg

3、在cocoscreator项目中,项目(Project) -> LuaCPP Support -> Setup Target Project,出现的对话框中 Project Path 选择目标 Cocos2d-x 工程的路径。

1513569244238872.jpg

1513569249373208.jpg

4、新建cocos2dx c++项目 ,版本大于3.14+

1513569258357444.jpg

5、配置导出路径,点击 Build

1513569270289798.jpg

1513569275607490.jpg

Build完成后就可以在cocos2dx项目中看到导出的代码和资源了。

1513569285564276.jpg

1513569289109990.jpg

6、将creator导出的资源和代码,添加到cocos2dx工程中。

1513569300747384.jpg

7、修改HelloWorldScene里的createScene函数creator::CreatorReader* reader = creator::CreatorReader::createWithFilename("creator/Scene/helloworld.ccreator");

reader->setup();

Scene* scene = reader->getSceneGraph();

return scene;

1513569309691600.jpg

8、编译cocos2dx项目运行预览

1513569318729235.jpg

成功的在cocos2dx显示了creator的场景界面。仅仅成功了一小步,怎么操作节点等,还不知道呢。

1513569327632728.gif

Cocos Creator模拟砸金蛋3d旋转效果 | 附代码egg.zip // Learn TypeScript: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/typescript.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/typescript.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html const {ccclass, property} = cc._decorator; @ccclass export default class Game extends cc.Component { @property Count: number = 5; @property(cc.Prefab) prefab: cc.Prefab = null; @property(cc.Node) nodeParent: cc.Node = null; private mEggs: cc.Node[] = []; // LIFE-CYCLE CALLBACKS: // onLoad () {} start () { } // update (dt) {} onClick(event, data){ switch(data){ case 'add':{ this.addEggs(); break; } case 'move':{ this.moveEggs(); break; } case 'stop':{ this.stopMoveEggs(); break; } } } addEggs(){ if(this.Count <= 0){ return; } this.mEggs = []; const N = 360 / this.Count; for(let i = 0; i < this.Count; i++){ let egg = cc.instantiate(this.prefab); let js = egg.getComponent('Egg'); js.setRadian(i * N * Math.PI / 180); js.updatePos(); egg.parent = this.nodeParent; this.mEggs.push(egg); } } moveEggs(){ for(let i = 0; i < this.mEggs.length; i++){ this.mEggs[i].getComponent('Egg').setMove(true); } } stopMoveEggs(){ for(let i = 0; i < this.mEggs.length; i++){ this.mEggs[i].getComponent('Egg').setMove(false); } } }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值