1. 首先需要创建一个新的游戏项目:



2. 新建场景项目


3. 因为还包括一个简单按钮,所以再新建一个UI项目:


项目建造完毕后,总体看起来如下:

导入资源,可以把需要的图片资源导进来:



资源导入后,会在assert目录下显示,之后,便可以将图片拖到画布上,设置背景:


下一步就是创建按钮了,双击UI文件,CocoStudio会自动打开UI编辑器:


拖出来一个按钮:


设置按钮图片:



导出UI项目:




刷新后,在publish下生成如下文件:

将UI加入到场景中,首先创建一个UI的Node:

指定UI样式:

然后将UI拖动到正确的位置,之后运行模拟器就可以看到效果了:

如果我们要在代码中使用这个场景,那么先导出工程:

这指定了导出路径,然后将这个Resources下的所有文件复制到cocos2dx的工程的Resources目录下。代码中可以这样使用:

bool StudioScene::init() //在一个新的场景中
{if (!CCLayer::init()){return false;}CCNode * scene = SceneReader::sharedSceneReader()->createNodeWithSceneFile("publish/Scene01.json");addChild(scene);return true;
}

CocoStudio1.3 场景编辑器使用相关推荐

  1. 如何使用CocoStudio场景编辑器制作魔卡幻想

    1 CocoStudio 场景编辑器 使用 CocoStudio 场景编辑器来创建游戏场景,其中包含游戏 UI 与动画,来定制一个游戏主界面. 2 使用 CocoStudio 完成<魔卡幻想&g ...

  2. threejs模型可视化编辑器_一个近乎无门槛、零基础的3D场景编辑器

    在这个大数据井喷.互联网爆炸的时代,如何抓住机遇.如何逆流而上或是站在浪潮顶峰?在BAT崛起之初,貌似很少有人选择走BAT当时的道路,那时的他们,选择的是逆流而上,当所有人都在搞实体经营,阿里选择了做 ...

  3. windows脚本编制引擎_从零开始的场景编辑器(二):脚本系统

    为什么需要一个脚本系统 一般来说,一个工程只需要一种编程语言就足够了.事实也确实如此,强大如C++,图形渲染(DX,OpenGL),数据库(levelDB,RocksDB),深度学习(Caffe,Te ...

  4. 征服的荣耀服务器维护,《征服的荣耀》:游戏提供了场景编辑器,但内容的充实仍需等待...

    中世纪题材的俯视角<这是我的战争>,玩家需在漫长的围城煎熬中艰难求生,同时在紧张的昼夜切换间搜集资源并规划建设方案.游戏在维持团队生存基础的考验之外引入了支援堡垒的守城设计,使得资源规划更 ...

  5. Silverlight游戏设计(Game Design):(二)场景编辑器让游戏开发更美好

    如果哪天光荣告诉我:<三国志>系列将终结,我会义无返顾的用余下那点青春继续诠释这部中国历史经典题材游戏,已无法细数它占据了我多少童年的回忆,就好比曾有那么一群满腔热血的<梦幻模拟战& ...

  6. 【cocos2d-x】如何使用CocoStudio场景编辑器制作魔卡幻想

    1 CocoStudio 场景编辑器 使用 CocoStudio 场景编辑器来创建游戏场景,其中包含游戏 UI 与动画,来定制一个游戏主界面. 2 使用 CocoStudio 完成<魔卡幻想&g ...

  7. Silverlight游戏设计(Game Design):(七)创建基于场景编辑器的新游戏Demo

    场景编辑器的功能强大且灵活,从设计之初我已毫不惭愧的将其定位到"让Silverlight游戏场景架设更简单.更快捷"这样一个高度.源码公布后,很多朋友均迫切想知道如何将其运用到实际 ...

  8. 场景编辑器Atmospheric Directional Light UI

    场景编辑器Atmospheric Directional Light UI 前言 项目工具需要做个一个可视化调整角度的UI. 这里想参考一下:Atmospheric Directional Light ...

  9. 16 CoCos Creator-Scene 场景编辑器

    1. 原文 https://docs.cocos.com/creator/manual/zh/getting-started/basics/editor-panels/scene.html 2. Sc ...

  10. CocoStudio场景编辑器开发之组件定位

    CocoStudio中场景编辑器是游戏运行的最关键场所,尽管DEMO中提供了各种类型的例子,但是在涉及到组件定位时,还是空白. 例如,DEMO中仅提供了这样的代码: CCNode *pNode = S ...

最新文章

  1. Scikit-learn数据预处理分类变量编码之多标签二值化
  2. c语言形式参数若为b 4,2016年计算机二级c语言题库
  3. 洛谷P3958 奶酪
  4. 操作系统课设 Nachos 实验四、五:Nachos 的文件系统、扩展 Nachos 的文件系统
  5. 使用机器学习算法打造一个简单的“微博指数”
  6. 全息投影图片合成-(matlab)(将4个视角图合成为一张)
  7. Decoder原理和浅解
  8. IBM微码刷新(一)使用BoMC制作微码刷新介质-cuixf@DC
  9. uniCloud 云函数
  10. 《王者荣耀》还有什么比被鲁班炮死更憋屈的死法?
  11. Cannot enhance @Configuration bean definition ‘dataSourceConfig‘ since its singleton instanc .......
  12. 8、Android Studio 使用MNN进行Swin_Transformer分类识别
  13. ROS 下的仿真小乌龟
  14. 使用 Unicode 数据
  15. 中国网络伪黑客现象初探
  16. ES限流导致ES数据更新不及时问题
  17. [转自知乎]总有些人,让你找不到话题可聊
  18. Xilinx fifo研究总结
  19. Realsense USB SCP溢出错误
  20. 计算机声卡输出电压范围,电脑声卡输出电压电流是多少?

热门文章

  1. 斐波那契数列java代码实现
  2. VB程序设计算机,VB编程:编写一个过程,用来计算并输出 S=1+1/2+1/3+……+1/100 的值。...
  3. Oracle数据库概述
  4. android studio应用开发案例,Android应用开发案例教程(Android Studio版).pptx
  5. python将灰度图转为彩色值_python实现彩色图转换成灰度图
  6. Windows11安装JDK
  7. python调用接口失败_python调用软件com接口问题,python报错 -问答-阿里云开发者社区-阿里云...
  8. MySQL客户端安装
  9. 佳能g3800编程器固件_佳能g3800清零软件 佳能g3800打印机废墨清零
  10. 《简明python教程》_简明Python教程