最新消息:

scratch实现chrome小恐龙

Scratch 少儿编程 10020浏览 1评论

友情提示:视频教程观看时请手动设置清晰度。

特殊时期,尽量少出门,保护好自己和家人,在家里陪孩子做一款有意思的小游戏吧!今天要移植到Scratch中的这款游戏是一个小恐龙跑酷游戏。

      在用Chrome浏览器浏览网页时,突然断网就会显示一个神秘的游戏彩蛋,页面的断网提示信息的上方有一只小恐龙,点击空格或者按上键,小恐龙就开始跑酷了。这是一个小恐龙跑酷的黑白像素小游戏

chrome小恐龙

想要玩到这个游戏,首先要断网,拔掉网线就可以了。当然还可以在地址栏内输入chrome://dino/   进入到一个提示未连接到互联网的页面。

 

chrome小恐龙

接下来进入正题,素材链接:https://pan.baidu.com/s/1fxXWcDR6DD00m6jXLRdYLA 提取码:tcso

所用到的素材:

 

chrome小恐龙

代码不复杂,给大家做个参考吧。
dinosaur 小恐龙代码
起跳和下落过程是老套路了,不再赘述了;jumpSpeed是起跳速度,jump是用来控制跳起来时造型停止切换,音效是用的弹奏乐器来完成的。

chrome小恐龙

again变量用来设置继续开关;如果是夜晚模式下将自己亮度增加。

chrome小恐龙

pterosaur 翼龙代码:

代码分三块,分别是本体克隆部分,克隆体移动以及造型切换;其中造型切换速度与本体克隆速度都与runSpeed成反比。

 

chrome小恐龙

chrome小恐龙

ground 地面代码:

 

用了两个克隆体,分别从右向左移动,用来控制总的移动速度,其中_cloneID是私有变量

chrome小恐龙

chrome小恐龙

cactus  仙人掌代码:
克隆时间与移动速度都与总速度runSpeed保持一致。
 

chrome小恐龙

moon 月亮代码:
月亮造型与当前的日子有关系,月初与月末是月牙,月中是圆月;位置也是与当前的时间有关系的,平均将30天位置映射到-150与150之间。所以不同时间月亮的造型与位置是不一样的。

chrome小恐龙

score 得分系统代码:
得分显示用的是图章,定义了两个方法完成。

chrome小恐龙

chrome小恐龙

chrome小恐龙

其他角色代码:

cloud

chrome小恐龙

again:

chrome小恐龙

star:

chrome小恐龙

gameover:

检测当前得分是否是最高分,并储存。

chrome小恐龙

背景代码:

舞台背景切换根据得分,也可设定时间

chrome小恐龙

转自公众号:
嘻嘻哈哈学编程

您必须 登录 才能发表评论!

网友最新评论 (1)

  1. 小恐龙
    womensss4年前 (2020-03-12)