飞机大战(1)--添加logo和加载动画
注:以下代码都是用scratch 3.0版本编写
素材链接:
链接:https://pan.baidu.com/s/1sXqeZVuFgVTYT0OtqxXilw
提取码:1126
一、背景添加

导入背景之后,就开始组织代码,着手编写
1. 在事件里面,找到小绿旗被点击,再拖出来,放到代码界面
2. 在运动里面,找到移到x:0 y:0 (ps:这里背景移到X轴和Y轴为0,这样背景就是居中的)
3. 在外观里面,找到后移 30 层 (ps:移30层的原因是,背景必须在最下面,后期后面会添加很多其他的角色)
1. 在事件里面,找到当接收到开始游戏动画 (ps:在广播里面找到广播新消息1,点击下来就会出现添加新消息,将添加新消息改为开始游戏动画即可)
2. 在事件里面,找到重复执行
2.1 在运动里面,找到将Y坐标增加-0.5 (ps:-0.5是背景向下滑动的速度,想快一点就可以写为-1都可以的)
2.2 在控制里面,找到如果 那么,如果Y坐标大于-344就移到X:0 Y:345
接下来直接复制粘贴这一页的内容,背景这一块就弄好了
两张背景图滚动就不会出现留白问题
代码展示:


二、“飞机大战”logo添加

接下来的代码就是“飞机大战”logo图标的
1.1 在事件里面找到当绿旗被点击,拖到代码界面
1.2 在运动里面找到X:-17 Y:68 (ps:这里有一个小技巧,将飞机大战的logo拖到舞台的任意位置,运动里面的X轴和Y轴都会有对应数字,直接拖动出来就OK,所以在下面出现的移到X轴和Y轴,数字都是随机的,并无固定的)
1.3 在外观里面找到,将大小设定为80 (ps:这里的80,是因为原始的100,会比较大,其实这些数字都是不固定的, 看个人习惯,喜欢小巧一点的数值就可以小一点,喜欢大气一点的数值即可大一些)
1.4 在外观里面找到,显示 (ps:显示是因为下面的隐藏,如若不显示,显示,那么,这个飞机大战的logo,就只会在第一次小绿旗被点击的时候才会显示,后面的小绿旗被点击时都是被隐藏的)
1.1 在事件里面找到当接收到开始游戏动画时
1.2 在外观里面找到隐藏 (ps:这里加的隐藏与下面的开始游戏的图标相呼应)
这里“飞机大战”logo这一块就准备完毕
下面是“飞机大战”logo这一块的代码
代码展示:

三、“开始游戏”图标添加

接下来就是“开始游戏”图标的代码
1.1 在事件里面找到当小绿旗被点击
1.2 在运动里面找到移到X轴:8 Y轴为-84
1.3 在外观里面找到将大小设为80
1.4 在外观里面找到显示
1.1 在事件里面找到当角色被点击
1.2 在事件里面找到开始游戏动画
1.3 在外观里面找到隐藏
这里“开始游戏”logo这一块就准备完毕
下面是“开始游戏”logo这一块的代码
代码展示:

四、加载动画图标添加

1.1加载动画造型添加(一)

1.2加载动画造型添加(二)

接下来就是加载动画的代码
1.1 在事件里面找到当小绿旗被点击
1.2 在运动里面找到移到X轴:6 Y轴为-153
1.3 在外观里面找到将大小设为80
1.4 在外观里面找到隐藏
1.1 在事件里面找到当接收到开始游戏动画
1.2 在外观里面找到换成加载动画1-造型1造型
1.3 在外观里面找到显示
1.4 在控制里面找重复执行4次 (ps:这里的数字4次取决于你想让你的加载动画想重复几次,想要加载动画快一点就可以是重复执行2次,想要加载动画慢一点就可以重复执行6次)
1.4.1 在外观里面找到换成加载动画1-造型1造型
1.4.2 在控制里面找到等待0.3秒 (ps:这里的数字0.3秒是造型一过渡到造型二的时间,想要过渡时间快一点就可以改成0.1,想要过渡时间慢一点就可以改成0.5)
1.4.3 在外观里面找到换成加载动画2造型
1.4.4 在控制里面找到等待0.3秒
1.4.5 在外观里面找到换成加载动画3造型
1.4.6 在控制里面找到等待0.3秒
1.5 在事件里面找到广播开始游戏 (ps:在事件里面找到广播消息1,下拉会出现新消息,点击新消息就可以更改内容,这里是将消息改为开始游戏)
1.6 在外观里面找到隐藏
这里“加载动画”logo这一块就准备完毕
下面是“加载动画”logo这一块的代码
代码展示:

到这里咱们飞机大战添加logo和加载动画这一块就全部写完了,考虑到可能有的小伙伴看不太懂,所以我写得比较细。
在事件里面,找到
飞机大战(1)--添加logo和加载动画的更多相关文章
- ionic 在windows环境下更换logo和加载图片的问题
做用自己的电脑做ionic项目时,更换logo和加载图片时,无论使用哪种命令,发现都上传不了,并且报错 最后发现,需要将 icon和splash两个文件改为.ai格式才能上传成功. 这是最终生成后的文 ...
- IOS贝塞尔曲线圆形进度条和加载动画
做项目让做一个加载动画,一个圈圈在转中间加一个图片,网上有好多demo,这里我也自己写了一个,中间的图片可加可不加.其中主要用到贝塞尔曲线.UIBezierPath是对CGContextRef的进一步 ...
- 【python游戏编程之旅】第六篇---pygame中的Sprite(精灵)模块和加载动画
本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 直到现在我们已经学了很多pygame基础知识了,从这篇博客开始我们将会学习pygame中高级部分,更多和精灵 ...
- 自定义pulltoRefresh的刷新和加载动画
一:定义刷新动画的layout 共同的设置方法是 1:getDefaultDrawableResId() 2:refreshingImpl() 正在刷新时的回调方法,可以设置开始动画 3:resetI ...
- layui数据表格分页加载动画,自己定义加载动画,"加载中..."
记录思路,仅供参考 在表格渲染完成后,在done回调函数中给分页动态加点击事件, 关闭"加载中..."动画也是在 done回调函数中关闭 这是我实现的思路,记录给大家参考. , d ...
- Html飞机大战(四):状态的切换(界面加载类的编辑)
好家伙,接着写 既然我们涉及到状态了,那么我们也会涉及到状态的切换 那么我们怎样切换状态呢? 想象一下,如果我玩的游戏暂停了,那么我们肯定是通过点击或者按下某个按键来让游戏继续 这里我们选 ...
- matery添加加载动画
1.在主题 /layout/_partial/目录新建一个loading-pages.ejs 内容如下: <style type="text/css" lang=" ...
- RecyclerView的下拉刷新和加载更多 动画
下拉刷新和加载更多 1.https://github.com/jianghejie/XRecyclerView 2.http://blog.csdn.net/jabony/article/detail ...
- Canvas:飞机大战 -- 游戏制作
Canvas:飞机大战 最开始我们要初始化信息,我们有五个状态:游戏封面,加载状态,运行状态,游戏暂停,游戏结束. 我们还需要 得分--score,生命--life. var START = 1;/ ...
随机推荐
- 第 12 章 JVM执行引擎
目录 第 12 章 执行引擎 1.执行引擎概述 1.1.执行引擎概述 1.2.执行引擎工作过程 2.Java 代码编译和执行过程 2.1.解释执行和即时编译 2.2.解释器和编译器 3.机器码 指令 ...
- maven 报错 Failed to execute goal on project ...: Could not resolve dependencies for project ...
昨天在研究 项目 遇到这样一个问题 可以看到 上面有三个 模块 jeecg-boot-base-common .jeecg-boot-module-system .jeecg-boot-modules ...
- RocketMQ(七):高性能探秘之MappedFile
RocketMQ作为消息中间件,经常会被用来和其他消息中间件做比较,比对rabbitmq, kafka... 但个人觉得它一直对标的,都是kafka.因为它们面对的场景往往都是超高并发,超高性能要求的 ...
- vue实现点击样式高亮
•在data中定义即将渲染的数据,及active data() { return { active:'',//选中样式 }; }, 1 2 3 4 5 6 7 8 9 ...
- statementType 使用
要实现动态传入表名.列名,需要做如下修改 添加属性statementType="STATEMENT" 同时sql里的属有变量取值都改成${xxxx},而不是#{xxx}<de ...
- 快速沃尔什变换 (FWT)学习笔记
证明均来自xht37 的洛谷博客 作用 在 \(OI\) 中,\(FWT\) 是用于解决对下标进行位运算卷积问题的方法. \(c_{i}=\sum_{i=j \oplus k} a_{j} b_{k} ...
- mysql中order by优化的那些事儿
为了测试方便和直观,我们需要先创建一张测试表并插入一些数据: CREATE TABLE `shop` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '记 ...
- 686. Repeated String Match判断字符串重复几次可以包含另外一个
public static int repeatedStringMatch(String A, String B) { //判断字符串a重复几次可以包含另外一个字符串b,就是不断叠加字符串a直到长度大 ...
- MQ关于实现最终一致性分布式事务原理解析
本文讲述阿里云官方文档中关于通过MQ实现分布式事务最终一致性原理 概念介绍 事务消息:消息队列 MQ 提供类似 X/Open XA 的分布式事务功能,通过消息队列 MQ 事务消息能达到分布式事务的最终 ...
- vue的路由组件挂载。
vue通过多种方式可以将组件挂载到一个页面上.挂载方式有四种.其实也并不止四种.这里呢就简单的提四种方式去怎样挂载组件. 第一种就是作为标签形式挂载.前面也提到. 后面的就是一般的挂载组件和按需挂载组 ...