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

原创 2016年08月28日 23:27:18

先看图

这里写图片描述

这个场景我们只用了两张小图片素材,分别是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来控制它是否显示

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

这里写图片描述

版权声明:本文为博主原创文章,转载请保留原文链接blog.csdn.net/potato47

相关文章推荐

【用Cocos Creator给暗恋的女生写一个游戏(4)】——游戏主菜单

既然是两个游戏,所以X想用两个主页面,最理想的就是用pageview,可是Creator还没支持,所以用一个差不多的模拟一下——ScrollView新建一个ScrollView空节点,添加Scroll...

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

恰好今天Creator1.2发布,我们紧跟潮流,就用1.2开始做吧 X给游戏起了一个名字47-21,其中深意自己体会。(其实就是思琪名字的谐音,并且今年是她21岁的生日。。。当然你也可以理解为思琪爱你...

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

我们在Canvas节点的同级添加一个Game节点,并添加两个子节点如图新建一个脚本取名叫做“Game”并添加到Game节点上Game.jsvar Player = require("Player");...

【用Cocos Creator给暗恋的女生写一个游戏(8)】——(Run Game) Prefab的动态管理

我们先来考虑一下这个PrefabManager是干什么的,我们的游戏中有重复出现的水管和老公,所以PrefabManager要能够动态管理他们,理所当然要有创建和销毁的方法,创建很简单,我们只需要每隔...

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

至此为止,我们已经把主要的技术问题都解决了,现在我们给游戏添加 具体的逻辑给主角添加碰撞组件回顾一下我们已经添加的碰撞组件的节点管子兄弟:tag=333管子哥哥和管子弟弟:tag=3331大老公:t...

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

上节自习大家是不是上的很开心啊。。。。大家是不是发现了两个游戏有辣么多相同的地方,就连很多节点的名字都一样但是有一个东西是第一游戏没有的,那就是中间的那个Camera我把Camera节点添加上颜色Ca...

【用Cocos Creator给暗恋的女生写一个游戏(12)】——跨场景访问节点、存储数据、添加音效音乐、打包发布

跨场景访问节点我们来看一下之前做的菜单场景中间有一个记录的label我们一直没理她,今天我们就来翻她的牌子我们每次游戏结束时都会有一个分数,这个分数变量在相应的游戏场景里,我们想要的效果时:当返回菜单...

【用Cocos Creator给暗恋的女生写一个游戏(13)】——整体回顾,工程文件

Load场景Load.jscc.Class({ extends: cc.Component, properties: { loadBar: cc.ProgressBar,...

【用Cocos Creator给暗恋的女生写一个游戏(14)】——(完结)写在后面

终于写完了!虽然比我预期的晚了一点我的暑假生活就是这样的:吃饭,睡觉,看奥运会,打代码,写教程我也不知道写完有没有人看,反正我写的时候挺嗨的,本来我准备都用第三人称写的,但是不知道怎么的,不知不觉就改...

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

X去网上百度了一下怎样快速开发一款手机游戏,却发现前几条都是广告,后来还是了解到了游戏引擎,知道了Cocos和Unity,据说市面上大多数手游都是Cocos做的,所以他决定尝试一下,他去官网下载了Co...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【用Cocos Creator给暗恋的女生写一个游戏(5)】——(Run Game)场景搭建
举报原因:
原因补充:

(最多只允许输入30个字)