注:以下代码都是用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. 第 12 章 JVM执行引擎

    目录 第 12 章 执行引擎 1.执行引擎概述 1.1.执行引擎概述 1.2.执行引擎工作过程 2.Java 代码编译和执行过程 2.1.解释执行和即时编译 2.2.解释器和编译器 3.机器码 指令 ...

  2. maven 报错 Failed to execute goal on project ...: Could not resolve dependencies for project ...

    昨天在研究 项目 遇到这样一个问题 可以看到 上面有三个 模块 jeecg-boot-base-common .jeecg-boot-module-system .jeecg-boot-modules ...

  3. RocketMQ(七):高性能探秘之MappedFile

    RocketMQ作为消息中间件,经常会被用来和其他消息中间件做比较,比对rabbitmq, kafka... 但个人觉得它一直对标的,都是kafka.因为它们面对的场景往往都是超高并发,超高性能要求的 ...

  4. vue实现点击样式高亮

    •在data中定义即将渲染的数据,及active data() {     return {       active:'',//选中样式     };   }, 1 2 3 4 5 6 7 8 9 ...

  5. statementType 使用

    要实现动态传入表名.列名,需要做如下修改 添加属性statementType="STATEMENT" 同时sql里的属有变量取值都改成${xxxx},而不是#{xxx}<de ...

  6. 快速沃尔什变换 (FWT)学习笔记

    证明均来自xht37 的洛谷博客 作用 在 \(OI\) 中,\(FWT\) 是用于解决对下标进行位运算卷积问题的方法. \(c_{i}=\sum_{i=j \oplus k} a_{j} b_{k} ...

  7. mysql中order by优化的那些事儿

    为了测试方便和直观,我们需要先创建一张测试表并插入一些数据: CREATE TABLE `shop` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '记 ...

  8. 686. Repeated String Match判断字符串重复几次可以包含另外一个

    public static int repeatedStringMatch(String A, String B) { //判断字符串a重复几次可以包含另外一个字符串b,就是不断叠加字符串a直到长度大 ...

  9. MQ关于实现最终一致性分布式事务原理解析

    本文讲述阿里云官方文档中关于通过MQ实现分布式事务最终一致性原理 概念介绍 事务消息:消息队列 MQ 提供类似 X/Open XA 的分布式事务功能,通过消息队列 MQ 事务消息能达到分布式事务的最终 ...

  10. vue的路由组件挂载。

    vue通过多种方式可以将组件挂载到一个页面上.挂载方式有四种.其实也并不止四种.这里呢就简单的提四种方式去怎样挂载组件. 第一种就是作为标签形式挂载.前面也提到. 后面的就是一般的挂载组件和按需挂载组 ...