[置顶] Cocos2d-JS中使用CocosStudio资源——设置界面([置顶] 纯享版奥义,手机迅雷搜:阿天动漫)

编辑：rootadmin

推荐整理分享[置顶] Cocos2d-JS中使用CocosStudio资源——设置界面([置顶] 纯享版奥义,手机迅雷搜:阿天动漫)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:[置顶] 此外,车牌号:458143(懂得都懂[吃瓜]),[置顶] 此外,车牌号:454118(懂得都懂[doge]),[置顶] clauvio,Twitter小老鼠,[置顶] 此外,车牌号:458143(懂得都懂[吃瓜]),[置顶] clauvio,Twitter小老鼠,[置顶] clauvio,Twitter小老鼠,[置顶] cmbwfh,[置顶] cmbwfh,内容如对您有帮助，希望把文章链接给更多的朋友！

在本篇博客中，我们将通过一个在Cocos2d-JS中使用从CocosStudio导出的设置界面资源的例子，来简要介绍以下内容：Slider控件的使用。

一、CocosStudio准备

第一步：从官网下载相应的示例，setting。效果图如下：

第二步：修改其中的一些控件的名称，方便寻找获取，如：

将Music那个滑动条的控件名字改为musicSlider，从而方便查找。类似的修改还可以有：Continue按钮，Sound滑动条等。

第三步：发布资源。注意发布设置中应该将数据格式改为JSON格式，发布位置你可以选择Cocos Code IDE中所创建的项目的res文件夹即可，当然，也可以另选其他文件夹。具体发布设置如下图：

二、Cocos Code IDE操作

第一步：创建Cocos2d-JS项目，并将Cocos Studio发布的资源res，拷贝到项目的res文件夹下或直接发布到项目的res文件夹下。

PS:创建项目的时候，分辨率默认 x 就可以了，方向选择竖向。

第二步：修改project.json文件，在modules中添加cocostudio。在jsList中添加SettingScene.js和resource.js。具体代码如下：

第三步：在resource.js文件中指定所需的各种资源，以备后期加载使用。具体代码如下：

PS：如果你不需要单独使用那些PNG资源文件，完全可以只加载JSON文件就可以了，这样的话，非常方便快捷。

第四步：非常非常重要的一步，你需要修改main.js文件，将其中的：cc.view.setDesignResolutionSize(,,cc.ResolutionPolicy.SHOW_ALL);改为cc.view.setDesignResolutionSize(, , cc.ResolutionPolicy.SHOW_ALL);。

[置顶]
Cocos2d-JS中使用CocosStudio资源——设置界面([置顶] 纯享版奥义,手机迅雷搜:阿天动漫)

虽然，我们选择的方向是竖向，但是不知道为什么，当创建项目的时候宽高还是为,。而，竖向的时候宽高应该为,。所以，要进行相应的修改才能正常运行。如果你想看不该的效果，可以尝试一下，会有惊喜哦。

main.js的具体代码如下：

三、使用CocosStudio资源

走到这里，终于到我们的重头戏（SettingScene.js）了，下面，我们将要来学习如何获取CocosStudio中导出的资源等。

第一步：加载setting界面的JSON资源分析，并获取settingscene对象。将settingscene对象加入到layer中。具体代码如下：

第二步：从settingScene中查找相应的控件对象，Slider控件，具体代码如下：

第三步：添加事件监听，方法类似，具体代码如下：

第四步：定义相应监听事件的具体处理信息，具体代码如下：

Slider控件触发的事件处理

代码简介：

上面的代码都有注释，也都很简单。这里就简单介绍一下：对于Slider的每次滑动即状态改变，都会触发事件EVENT_PERCENT_CHANGED。如果你要实时调整游戏的音量等一些效果的话，可以在捕获该事件之后根据percent的值进行相应的调整和处理。

四、运行效果

到这里，对于setting界面的分析和使用就介绍完毕了。你可以运行一下。我的部分运行效果如下：

五、补充说明

SettingScene.js的完整源码如下：

PS：由于本次教程内容较为简单，没有提供完整工程就行下载。如果需要完整工程，请去：里面有下载链接，经过简单修改，即可使用。

[置顶] Cocos2d-JS中使用CocosStudio资源——关卡选择界面在本篇博客中，我们将通过一个在Cocos2d-JS中使用从CocosStudio导出的关卡选择界面资源的例子，来简要介绍以下内容：Button控件，Text控件，PageView控件,即

png 批量转 pvr.ccz #!/bin/shTP=/usr/local/bin/TexturePacker#!cd${PROJECT_DIR}/${PROJECT}#cd/Users/dreamjelly1/Downloads/newGame/MCfunctiontraversal(){forfilein`ls`doif[-f$file];thenif[${file##*.}==png];thenpath=`pwd`/$f

Cocos Studio2.0发布的资源在Cocos2d-x中的使用简介转自：

标签: [置顶] 纯享版奥义,手机迅雷搜:阿天动漫

本文链接地址:https://www.jiuchutong.com/biancheng/369052.html 转载请保留说明！

上一篇：[置顶] Cocos2d-JS中使用CocosStudio资源——序([置顶] 此外,车牌号:458143(懂得都懂[吃瓜]))

下一篇：[置顶] Cocos2d-JS中使用CocosStudio资源——关卡选择界面([置顶]bilinovel)