CocosCreator零基础制作游戏《极限跳跃》二、制作游戏开始场景

我们刚刚分析了《极限跳跃》这款游戏，下面我们开始制作第一个游戏场景，也就是游戏的开始场景。

首先，打开CocosCreator，新建HelloWorld项目。选择项目路径，输入项目名称“jxty”，点击新建项目。

新建好项目，项目会自动打开。这里大家可以看下官方的文档，了解 下编辑器的功能和用法。

资源管理器里显示了项目资源文件夹（assets）中的所有资源。这里会以树状结构显示文件夹并自动同步在操作系统中对项目资源文件夹内容的修改。您可以将文件从项目外面直接拖拽进来，或使用菜单导入资源。

场景编辑器是用来展示和编辑场景中可视内容的工作区域。所见即所得的场景搭建工作都依靠场景编辑器中的显示来完成。

层级管理器用树状列表的形式展示场景中的所有节点和他们的层级关系，所有在场景编辑器中看到的内容都可以在层级管理器中找到对应的节点条目，在编辑场景时这两个面板的内容会同步显示，一般我们也会同时使用这两个面板来搭建场景。

属性检查器是我们查看并编辑当前选中节点和组件属性的工作区域，这个面板会以最适合的形式展示和编辑来自脚本定义的属性数据

工具栏上包括了场景编辑工具和预览游戏时的操作按钮，最右边显示了远程测试和调试时使用访问地址，以及连接中的设备数。

首先我们点击工具栏上的预览按钮来查看当前场景的显示。

简单的熟悉下编辑器怎么用的，下面开始我们的主题。。

一、创建场景

在资源管理器中，我们选中Scene文件夹，点击鼠标右键，选择［新建］＝》［Scene］，就会创建一个新的场景，New Scene。我们右键对它重命名为WelcomeScene。如图。

下面我们把游戏用到的资源全部放倒资源管理器中的Texture文件夹中。双击 WelcomeScene打开场景界面。新建的场景默认都是空的，这里我们调整场景大小为480x800像素大小的竖屏游戏。

二、把背景素材拖进层级管理器，注意节点的层级关系，然后调节属性即可。

使用相同的方法，把我们主场景的logo，还有底部的边栏也放进场景。

开始按钮我们使用UI节点来创建，右键点击Canvas，创建节点＝》创建UI节点＝》Button(按钮)。

创建好后，修改节点名称为kaishiyouxi，并删除子节点label。然后把对应状态资源拖进对应的状态即可。如图所示。

效果是不是还可以啊。是不是大家感觉很简单啊。。接着继续学习下一个场景。

原文地址：https://www.byjth.com/jixiantiaoyue/67.html

转载于:https://www.cnblogs.com/wodehao0808/p/9122799.html

（转）CocosCreator零基础制作游戏《极限跳跃》二、制作游戏开始场景相关推荐

  1. CocosCreator零基础制作游戏《极限跳跃》二、制作游戏开始场景

    转自:http://www.byjth.com/CocosCreator/67.html CocosCreator零基础制作游戏<极限跳跃>二.制作游戏开始场景 我们刚刚分析了<极限 ...

  2. creator 跳跃弧线_（转）CocosCreator零基础制作游戏《极限跳跃》四、添加游戏主场景控制脚本...

    CocosCreator零基础制作游戏<极限跳跃>四.添加游戏主场景控制脚本 前面简单的实现了主界面的UI设置,现在我们开始制作游戏的控制脚本. 在资源管理器的Script文件夹中,点击右 ...

  3. creator 跳跃弧线_（转）CocosCreator零基础制作游戏《极限跳跃》八、添加游戏积分系统...

    CocosCreator零基础制作游戏<极限跳跃>八.添加游戏积分系统 前面我们实现了整个游戏的流程,下面我们来完善游戏的积分系统..先来分析下游戏的积分,第一次展示积分的地方就是我们的游 ...

  4. creator 跳跃弧线_（转）CocosCreator零基础制作游戏《极限跳跃》七、制作游戏结束场景并实现场景切换...

    CocosCreator零基础制作游戏<极限跳跃>七.制作游戏结束场景并实现场景切换 前面我们实现了游戏的碰撞检测,碰到障碍物我们的角色就会死掉并开始掉落,角色掉落到屏幕底部时候游戏结束, ...

  5. python和cc哪个适合做游戏的背景音乐_（转）CocosCreator零基础制作游戏《极限跳跃》九、为游戏添加声音音效功能...

    CocosCreator零基础制作游戏<极限跳跃>九.为游戏添加声音音效功能 游戏的声音很重要,我们在这个游戏中需要加2个音效,一个背景音乐...第一个音效在玩家与障碍物碰撞的地方加碰撞音 ...

  6. （转）CocosCreator零基础制作游戏《极限跳跃》六、制作游戏障碍物实现碰撞检测...

    CocosCreator零基础制作游戏<极限跳跃>六.制作游戏障碍物实现碰撞检测 前面我们实现了背景和主角的操作,下面我们开始添加游戏的障碍物以及碰撞检测的功能. 一.制作障碍物Prefa ...

  7. creator 跳跃弧线_（转）CocosCreator零基础制作游戏《极限跳跃》一、游戏分析

    CocosCreator零基础制作游戏<极限跳跃>一.游戏分析 无意中发现了小游戏<极限跳跃>感觉挺有意思的,正好这段时间和朋友讨论准备用js还是unity做小游戏,初定用js ...

  8. CocosCreator零基础制作游戏《极限跳跃》

    转载闭眼就天黑专栏_个人博客_技术源于分享.一个完整的小游戏教程适合小白入手 一.思维导图 二.制作登录场景 首先,打开CocosCreator,新建HelloWorld项目.选择项目路径,输入项目名 ...

  9. 【python opencv 计算机视觉零基础到实战】二、 opencv文件格式与摄像头读取

    一.学习目标 了解图片的结构属性 了解如何捕获视频 了解waitkey的使用方法 目录 [python opencv 计算机视觉零基础到实战] 一.opencv的helloworld [[python ...

最新文章

  1. 7号团队：团队任务3-每日任务（2018-11-26）
  2. 前后端分离业务逻辑常用封装函数（一）
  3. 在Windows环境下搭建Android开发环境
  4. 面试题 ： Intent、IntentFilter、PendingIntent的区别
  5. linux loop device
  6. 我的2020（年终总结）
  7. python背景图片加载代码_2019.12.05-背景图片设置代码
  8. 设置PL/SQL工具SQL窗口的字体大小及颜色
  9. Sublime Text中文乱码
  10. 【es】使用ElasticSearch的44条建议 性能优化
  11. 5000册售罄！怎能不为你骄傲？「博客出书的故事⑤」
  12. LeetCode：67. 二进制求和（python、c++）
  13. Python摄像头录制视频保存到本地
  14. 记一次tomcat故障排查（转）
  15. 你要的 React 面试知识点，都在这了
  16. layabox定时器
  17. 用svn上的文件，覆盖本地文件
  18. 编写php代码输出学号姓名,2、 编写一个简单的C++程序：通过键盘输入你的基本信息，如姓名、学号、班级，然后在屏幕上输出...
  19. 二、神经元与神经胶质
  20. 51单片机教程：8*8 点阵显示字符、数字、简单汉字

热门文章

  1. 卡特兰数 HDU2067 HDU4165 HDU1134
  2. alpha冲刺day8
  3. net core 获取网站目录
  4. css。元素样式、边框样式
  5. HW--漂亮度2（测试通过）
  6. G - 娜娜梦游仙境系列——梦醒
  7. js文件中调用另一个js文件：
  8. 【思考】一次交付项目小结
  9. 分享网页设计当中使用进度条打造精美界面最佳例子
  10. SVM分类算法的基本理论问题