cocos2d js代码中编辑利用cocos studio生成的界面

cocos studio 版本: V2.3.1.2

cocos2d  js版本: V3.6.1




1.cocos studio 界面编辑


cocos studio main 场景:

cocos2d js代码中编辑利用cocos studio生成的界面_第1张图片

注意:界面中层级覆盖关系,依据的是 cocos studio 中间下面的   Scene, node_1, node_2这种从属关系,因为node_1和node_2是同级关系,如果代码中不处理,到时候node_2会覆盖node_1,所以需要在代码中对显示与否做相应处理。

此处只有一个场景,多个layer层,需要将所有用到的层layer添加到场景scene中。



cocos studio  choice 层:

cocos2d js代码中编辑利用cocos studio生成的界面_第2张图片

代码中会调用到 控件 btn_1,控件靠名称区分。


cocos studio main 层:

cocos2d js代码中编辑利用cocos studio生成的界面_第3张图片





2. cocos2d  js 代码编辑


cocos2d js代码中编辑利用cocos studio生成的界面_第4张图片




3. 浏览器中效果显示


choice界面:

cocos2d js代码中编辑利用cocos studio生成的界面_第5张图片


main界面:

cocos2d js代码中编辑利用cocos studio生成的界面_第6张图片



你可能感兴趣的:(Cocos2d,chrome,html)