注:以下代码都是用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和加载动画的更多相关文章

  1. ionic 在windows环境下更换logo和加载图片的问题

    做用自己的电脑做ionic项目时,更换logo和加载图片时,无论使用哪种命令,发现都上传不了,并且报错 最后发现,需要将 icon和splash两个文件改为.ai格式才能上传成功. 这是最终生成后的文 ...

  2. IOS贝塞尔曲线圆形进度条和加载动画

    做项目让做一个加载动画,一个圈圈在转中间加一个图片,网上有好多demo,这里我也自己写了一个,中间的图片可加可不加.其中主要用到贝塞尔曲线.UIBezierPath是对CGContextRef的进一步 ...

  3. 【python游戏编程之旅】第六篇---pygame中的Sprite(精灵)模块和加载动画

    本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 直到现在我们已经学了很多pygame基础知识了,从这篇博客开始我们将会学习pygame中高级部分,更多和精灵 ...

  4. 自定义pulltoRefresh的刷新和加载动画

    一:定义刷新动画的layout 共同的设置方法是 1:getDefaultDrawableResId() 2:refreshingImpl() 正在刷新时的回调方法,可以设置开始动画 3:resetI ...

  5. layui数据表格分页加载动画,自己定义加载动画,"加载中..."

    记录思路,仅供参考 在表格渲染完成后,在done回调函数中给分页动态加点击事件, 关闭"加载中..."动画也是在 done回调函数中关闭 这是我实现的思路,记录给大家参考. , d ...

  6. Html飞机大战(四):状态的切换(界面加载类的编辑)

    好家伙,接着写   既然我们涉及到状态了,那么我们也会涉及到状态的切换   那么我们怎样切换状态呢? 想象一下,如果我玩的游戏暂停了,那么我们肯定是通过点击或者按下某个按键来让游戏继续   这里我们选 ...

  7. matery添加加载动画

    1.在主题 /layout/_partial/目录新建一个loading-pages.ejs 内容如下: <style type="text/css" lang=" ...

  8. RecyclerView的下拉刷新和加载更多 动画

    下拉刷新和加载更多 1.https://github.com/jianghejie/XRecyclerView 2.http://blog.csdn.net/jabony/article/detail ...

  9. Canvas:飞机大战 -- 游戏制作

    Canvas:飞机大战 最开始我们要初始化信息,我们有五个状态:游戏封面,加载状态,运行状态,游戏暂停,游戏结束. 我们还需要  得分--score,生命--life. var START = 1;/ ...

随机推荐

  1. Docker Container 就是一个进程,多新鲜啊?

    大家对 Docker 都应该有了或多或少的认识了,相信大家都是从这两张图来粗旷的理解 Docker 及容器概念的 那我们如何更轻松的理解容器 Container 呢?说白了 Container 就是一 ...

  2. Core3.0中Swagger使用JWT

    前言 学习ASP.NETCore,原链接 https://www.cnblogs.com/laozhang-is-phi/p/9511869.html 原教程是Core2.2,后期也升级到了Core3 ...

  3. ConcurrentHashMap线程安全吗?

    前言 没啥深入实践的理论系同学,在使用并发工具时,总是认为把HashMap改为ConcurrentHashMap,就完美解决并发了呀.或者使用写时复制的CopyOnWriteArrayList,性能更 ...

  4. JVM 完整深入解析

    工作之余,想总结一下JVM相关知识.以下内容都是针对于jdk1.7的. Java运行时数据区: Java虚拟机在执行Java程序的过程中会将其管理的内存划分为若干个不同的数据区域,这些区域有各自的用途 ...

  5. react状态管理器之mobx

    react有几种状态管理器,今天先来整理一下mobx状态管理器,首先了解一下什么是mobx 1.mobx成员: observable action 可以干嘛: MobX 的理念是通过观察者模式对数据做 ...

  6. 批量修改vsphere共享存储多路径选择策略

    传统方式修改存储的多路径选择策略 首先说一下传统web界面操作方式: 可以看到至少需要6次才能修改完成一个.在生产环境中一般会挂载很多FC存储,这时候就需要一个批量快捷的方式来修改. 使用Powerc ...

  7. linux 怎么样复制文件夹内所有文件到另一个文件夹?

    cp -Rf /home/user1/* /root/temp/将 /home/user1目录下的所有东西拷到/root/temp/下而不拷贝user1目录本身.即格式为:cp -Rf 原路径/ 目的 ...

  8. ThinkPHP的url简化

    TP的url请求简化 下面是apache的配置过程,可以参考: 1.       httpd.conf 配置文件中加载了mod_rewrite.so模块 2.       AllowOverride ...

  9. centos6.8环境搭建

    1.centos6 yum源失效解决方案 下载使用阿里的云仓库 curl -o /etc/yum.repos.d/CentOS-Base.repo https://www.xmpan.com/Cent ...

  10. python+sklearn+kaggle机器学习

    python+sklearn+kaggle机器学习 系列教程 0.kaggle 1. 初级线性回归模型机器学习过程 a. 提取数据 b.数据预处理 c.训练模型 d.根据数据预测 e.验证 今天是10 ...