飞机大战(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;/ ...
随机推荐
- Docker Container 就是一个进程,多新鲜啊?
大家对 Docker 都应该有了或多或少的认识了,相信大家都是从这两张图来粗旷的理解 Docker 及容器概念的 那我们如何更轻松的理解容器 Container 呢?说白了 Container 就是一 ...
- Core3.0中Swagger使用JWT
前言 学习ASP.NETCore,原链接 https://www.cnblogs.com/laozhang-is-phi/p/9511869.html 原教程是Core2.2,后期也升级到了Core3 ...
- ConcurrentHashMap线程安全吗?
前言 没啥深入实践的理论系同学,在使用并发工具时,总是认为把HashMap改为ConcurrentHashMap,就完美解决并发了呀.或者使用写时复制的CopyOnWriteArrayList,性能更 ...
- JVM 完整深入解析
工作之余,想总结一下JVM相关知识.以下内容都是针对于jdk1.7的. Java运行时数据区: Java虚拟机在执行Java程序的过程中会将其管理的内存划分为若干个不同的数据区域,这些区域有各自的用途 ...
- react状态管理器之mobx
react有几种状态管理器,今天先来整理一下mobx状态管理器,首先了解一下什么是mobx 1.mobx成员: observable action 可以干嘛: MobX 的理念是通过观察者模式对数据做 ...
- 批量修改vsphere共享存储多路径选择策略
传统方式修改存储的多路径选择策略 首先说一下传统web界面操作方式: 可以看到至少需要6次才能修改完成一个.在生产环境中一般会挂载很多FC存储,这时候就需要一个批量快捷的方式来修改. 使用Powerc ...
- linux 怎么样复制文件夹内所有文件到另一个文件夹?
cp -Rf /home/user1/* /root/temp/将 /home/user1目录下的所有东西拷到/root/temp/下而不拷贝user1目录本身.即格式为:cp -Rf 原路径/ 目的 ...
- ThinkPHP的url简化
TP的url请求简化 下面是apache的配置过程,可以参考: 1. httpd.conf 配置文件中加载了mod_rewrite.so模块 2. AllowOverride ...
- centos6.8环境搭建
1.centos6 yum源失效解决方案 下载使用阿里的云仓库 curl -o /etc/yum.repos.d/CentOS-Base.repo https://www.xmpan.com/Cent ...
- python+sklearn+kaggle机器学习
python+sklearn+kaggle机器学习 系列教程 0.kaggle 1. 初级线性回归模型机器学习过程 a. 提取数据 b.数据预处理 c.训练模型 d.根据数据预测 e.验证 今天是10 ...