关闭

【用Cocos Creator给暗恋的女生写一个游戏(5)】——(Run Game)场景搭建

标签: 游戏Creatorcocos新手教程实战
1627人阅读 评论(0) 收藏 举报
分类:

先看图

这里写图片描述

这个场景我们只用了两张小图片素材,分别是A1和B1对应的图片,而A2和B2是复制前面的,可以看出,A和B部分明显长出屏幕的宽,这是为了实现背景无限移动的效果(当图片滚动到一定距离,我们让它再重新滚动。这样就可以简单的实现无限背景)。

复习时间到:我们的原始图片素材并没有这么高,所以要让它纵向拉伸,问题来了,怎么才能让纵向拉伸的图片不变形呢?

请在心里默数三个数,再看答案

3

2

1

这里写图片描述

这里写图片描述

再添加几个元素

这里写图片描述

看到下面那个能量槽了么,是不是有点像天天酷跑了?(请说“一点也不像”和“没玩过天天酷跑”的那两位同学出去)

接下来就要添加水管了

因为水管是游戏中不断重复出现的,所以我们把它做成prefab

什么是prefab呢?就是游戏中需要重复出现的东西。。。

任意位置创建节点PipeGroup,并给其添加两个子节点PipeTop和PipeBot,改变大小位置如图

这里写图片描述

其中要更改上下两个水管的锚点,使其在管口的位置,下面的管子更改属性scaleY为-1即可使管子倒过来,最后将制作好的节点拖入资源管理器形成prefab,这样当需要用到时就可以“复制”一个出来

但好像有一个问题,这个水管兄弟好像太长了,上面的还好说,因为在屏幕外的看不见,但下面的水管和地面的显示效果不对,我们把它藏在地面后面

在天空和地面节点中间再添加一个空节点,取名为PipeLayer,不用设置大小和位置,他只是一个标记显示层次的节点,现在把水管兄弟添加到PipeLayer节点下,就能实现我们想要的效果了

这里写图片描述

最后在加上我们主角的大老公(学PS技术请上【此处招商】)

这里写图片描述

初步设定,吃到一个老公加一个能量,集齐十个老公可以召唤神龙

最后的最后,我们添加一个结束菜单

这里写图片描述

把右上角的勾去掉,结束菜单当然要在游戏结束才能显示,我们通过node.active = ture or false来控制它是否显示

最后的最后的最后,给主角添加两个动画

这里写图片描述

0
0
查看评论

【用Cocos Creator给暗恋的女生写一个游戏(1)】——Cocos Creator初遇见

X去网上百度了一下怎样快速开发一款手机游戏,却发现前几条都是广告,后来还是了解到了游戏引擎,知道了Cocos和Unity,据说市面上大多数手游都是Cocos做的,所以他决定尝试一下,他去官网下载了Cocos2d—X,去网上找教程,找资料,折腾了一上午终于在电脑上显示了HelloWorld,可是他想做...
  • potato47
  • potato47
  • 2016-08-28 22:42
  • 2135

【用Cocos Creator给暗恋的女生写一个游戏(7)】——(Run Game)背景移动

新建CameraManager.js添加到在Game的子节点CameraManager下CameraManager.jscc.Class({ extends: cc.Component, properties: { far:cc.Node, farRel...
  • potato47
  • potato47
  • 2016-08-29 07:47
  • 1653

【用Cocos Creator给暗恋的女生写一个游戏(10)】——(Jump Game) 场景搭建等

我先来说说,第二个游戏是个什么样子的我们继续用第一个游戏的主角,这里的场景是天空,天空中有很多云,有的云很老实,有的云很脆弱,有的云很好动,我们的主角目的只有一个——上天经过我的无数次实验(其实也没有很多次啦。。),设定了主角的移动方式为自动跳跃,玩家控制左右方向,水平速度一直存在,这样可以给游戏增...
  • potato47
  • potato47
  • 2016-09-02 09:55
  • 1037

【用Cocos Creator给暗恋的女生写一个游戏(9)】——(Run Game) 游戏逻辑与碰撞检测

至此为止,我们已经把主要的技术问题都解决了,现在我们给游戏添加 具体的逻辑给主角添加碰撞组件回顾一下我们已经添加的碰撞组件的节点管子兄弟:tag=333管子哥哥和管子弟弟:tag=3331大老公:tag=666主角可以跟它们产生碰撞,碰撞的效果如下管子兄弟:(离开时)加分(相当于已经跳过了一组管子...
  • potato47
  • potato47
  • 2016-08-29 08:00
  • 2110

【用Cocos Creator给暗恋的女生写一个游戏(6)】——(Run Game)主角逻辑

我们在Canvas节点的同级添加一个Game节点,并添加两个子节点如图新建一个脚本取名叫做“Game”并添加到Game节点上Game.jsvar Player = require("Player"); cc.Class({ extends: cc.Component, ...
  • potato47
  • potato47
  • 2016-08-29 07:44
  • 1762

【用Cocos Creator给暗恋的女生写一个游戏(2)】——要做一个什么样的游戏?

俗话说得好,万事开头难,往后越来越难。。。 X觉得完全从头做一个游戏有点困难,所以他决定参考一下别人的,他翻了一下官方论坛,里面有一些教程,但没有什么具体的游戏,他从示例工程里看到了一个根据Flappy Bird改编的游戏,说是改编,其实就是把鸟换成了羊,他决定就在这个游戏的基础上做一个自己的游戏。...
  • potato47
  • potato47
  • 2016-08-28 22:44
  • 2117

【用Cocos Creator给暗恋的女生写一个游戏(11)】——(Jump Game) 镜头跟随

上节自习大家是不是上的很开心啊。。。。大家是不是发现了两个游戏有辣么多相同的地方,就连很多节点的名字都一样但是有一个东西是第一游戏没有的,那就是中间的那个Camera我把Camera节点添加上颜色Camera就是标记一块区域,这块区域是干什么的呢?又是最后面那位宝强同学说出了正确答案这块区域就是镜头...
  • potato47
  • potato47
  • 2016-09-02 10:14
  • 1891

【Cocos2dx】利用导演类、场景类完成重新开始游戏、暂停游戏、关闭游戏功能

重新开始游戏、暂停游戏、关闭游戏是绝对是游戏的基础,虽然代码不多,不过这要利用到Cocos2dx导演类、场景类完成,事先如果不对其进行了解,绝对是很难做出来。 下面用一个小例子说明如何利用导演类、场景类完成重新开始游戏、暂停游戏、关闭游戏功能, 这个被改写的HelloWorld场景,一开...
  • yongh701
  • yongh701
  • 2015-10-31 11:12
  • 4235

【用Cocos Creator给暗恋的女生写一个游戏(3)】——游戏加载界面

恰好今天Creator1.2发布,我们紧跟潮流,就用1.2开始做吧 X给游戏起了一个名字47-21,其中深意自己体会。(其实就是思琪名字的谐音,并且今年是她21岁的生日。。。当然你也可以理解为思琪爱你…)因为X基本没有什么美术功底,所以一切简约为主。。。先看一下要相处一个月的东西X要做一个竖屏的游戏...
  • potato47
  • potato47
  • 2016-08-28 23:04
  • 2929

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

转自:http://www.byjth.com/CocosCreator/67.html CocosCreator零基础制作游戏《极限跳跃》二、制作游戏开始场景 我们刚刚分析了《极限跳跃》这款游戏,下面我们开始制作第一个游戏场景,也就是游戏的开始场景。 首先,打开C...
  • gf771115
  • gf771115
  • 2017-12-16 16:04
  • 578
    个人资料
    • 访问:202514次
    • 积分:2728
    • 等级:
    • 排名:第15602名
    • 原创:69篇
    • 转载:8篇
    • 译文:0篇
    • 评论:176条
    最新评论