3 egret 飞行游戏(v0.1 下-未完)

本文介绍了如何使用Egret开发一款飞行射击游戏,详细阐述了背景滚屏的实现,英雄和敌人的添加,子弹的创建,以及英雄血量的显示。通过滚屏效果让玩家有飞行感,添加碰撞检测让游戏更具挑战性。此外,还介绍了如何通过事件来控制英雄发射子弹和敌人随机生成。

1 前言

1.1 回顾

前一篇 2 egret 飞行游戏(v0.1 上)
实现了如下功能

  • "开始游戏"切换场景

还剩下如下功能

  • 英雄和敌人发射子弹
  • 敌人血量为0时消失
  • 鼠标或者触屏来移动英雄
  • 英雄血掉为0后游戏结束,可以选择"再来一局"

如果按完成度来算,上一篇只有10%,再来一局10%,然后中间的场景功能才是剩下的80%。

2 操作步骤

2.1 背景滚屏

为啥要滚屏
英雄本身是不会动的,滚屏可以让飞机有一直在向前飞的感觉。

示例的滚屏是加载背景图片上,向下,180的速度(180是默认值。。不要问为什么)

在这里插入图片描述
在这里插入图片描述

  • 先切换到场景
  • 然后点第二个场景
  • 再点中间编辑器里的图片
  • 右边在行为列表 点添加行为
  • 选择滚屏下一步
  • 改变滚动方向,滚动速度默认180

2.2 添加英雄

  • 先切换到场景
  • 然后点第二个场景
  • 再切换到层(请确保选中是第二个场景)
  • 新建层,重命名为物体层,准备放英雄以及敌人
  • 选中物体层,然后点击素材图标,选择aircraft 红色飞机
  • 点确定,在ui层随便点一下,反正位置还得调。。

在这里插入图片描述
在这里插入图片描述
点开物体层,选中英雄,修改名称为 英雄,设置坐标如下
横坐标一半屏幕宽度,垂直距离85%。自己喜欢就行。。

坐标
x511/2 =255.50
y0+762*0.85=647.7

在这里插入图片描述
英雄不能飞出边界,需要添加行为。。边界限制。。默认就行。。
在这里插入图片描述

英雄还要接受碰撞。。后面要掉血。。这里顺便把血也设置上。。默认10点血。添加自定义变量 HP 。。设置值为10
在这里插入图片描述

2.3 添加敌人

  • 选中物体层,然后点击素材图标,选择aircraft_small橙色敌人
  • 点确定,在ui层场景图片外随便点一下,屏幕外面就行。。敌人要随机产生的
  • 修改层里的敌人名称为敌人
  • 设置敌人接收碰撞
  • 设置敌人HP为10,自定义变量
  • 设置敌人出界销毁。。HP为0也毁,除了屏幕也死,怎么都得死。。
  • 设置敌人有飞行速度。。不然怎么出屏幕。。速度慢点100,不能比滚屏速度快,角度90。。顺时针。。不然就乱飞了。。

在这里插入图片描述
在这里插入图片描述
完整的设置如下
在这里插入图片描述

2.4 子弹层之英雄子弹

  • 切换到层(请确保选中是第二个场景)

  • 新建层,重命名为子弹层,准备放英雄子弹,敌人子弹

  • 选中子弹层,点击新建层图标一排的最后一个层级下移图标,确保子弹
    层在物体层和背景层之间。。场景有渲染顺序的要求。。
    在这里插入图片描述

  • 选中子弹层,然后点击素材图标,选择aircraftBullet红色子弹

  • 点确定,在ui层场景图片外随便点一下,屏幕外面就行。。子弹是由英雄发射的。。动态创建。。

  • 修改名称为英雄子弹

  • 接收碰撞。。碰到敌人敌人要掉血的。。

  • 添加行为。。子弹,飞行速度600,角度270 要朝填上。。顺时针

  • 添加行为。出界销毁。。不要浪费资源。。

完整的配置如下所示
在这里插入图片描述

2.5 子弹层之敌人子弹

  • 选中子弹层,然后点击素材图标,选择enemyBullet 黄色原型子弹
  • 点确定,在ui层场景图片外随便点一下,屏幕外面就行。。子弹是给敌人发射的。。动态创建。。
  • 修改名称为敌人子弹
  • 接收碰撞。。碰到要掉血的。。
  • 添加行为。。子弹,飞行速度400,角度90 朝下,怎么也不能比英雄子弹快。万一朝上会误伤自己人的(要不要掉血看加不加事件了)。。顺时针
  • 添加行为。出界销毁。。不要浪费资源。。

完整的配置如下所示
在这里插入图片描述

2.6 给英雄找个地方显示个血量

  • 切换到层(请确保选中是第二个场景)
  • 新建层,重命名为UI层,准备放英雄血量
  • 选中UI层,然后点击插入文字旁边的小三角,选择位图字体
  • 点确定,在ui层场景图片外随便点一下
  • 修改名称为血量
  • 选择纹理图片为hp的图片
  • 选择纹理配置为hp的文件
  • 设置默认文本为HP12
  • 接下来设置宽高,宽设置为100,高无所谓,自己设置数值看刚好能显示HP就可以
  • 然后设置坐标,拖到合适的位置就可以,也不设置比率了。

在这里插入图片描述
在这里插入图片描述

2.7 开始加事件了,先给英雄发射个子弹

  • 检查是否选中场景2
  • 中间编辑器检查是否显示为事件表,否则点场景旁边的箭头切换为事件表
  • 英雄每个0.2发射一发子弹,子弹本身有速度和方向
  • 新建事件,选中system,下一步
  • 选中 系统 下的 每x秒,下一步
  • 事件间隔设置为0.2,点确定

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 在该事件(0.2秒触发)后添加动作
  • 选择英雄,下一步
  • 选择其他里的 制造,下一步
  • 实例名里的选择一个对象,选择英雄子弹,下一步
  • 垂直偏移设置为-30,子弹朝上。。。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

现在预览,英雄就开始发射子弹了。。。

2.8 咋能没有敌人,随机创建个敌人

  • 每2秒,在屏幕内指定高度,随机x坐标创建个敌人
  • 新建事件,选中system,下一步
  • 选中 系统 下的 每x秒,下一步
  • 事件间隔设置为2,点确定 (敌人慢点创建,不然就GG了)
  • 在事件(2秒触发)后添加动作 (注意要找对事件。。)
  • 选中system,下一步
  • 选择其他里的 制造,下一步
  • 选择系统里的 创建实例,下一步
  • 实例里 选择 敌人,下一步
  • 图层序号改为1
  • 水平坐标设置为40+Global.random()*340,输入40+Global.ra然后再弹框里选择random就可以,点确定

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值