极客小将

您现在的位置是:首页 » scratch编程资讯

资讯内容

【教程分享】如何用scratch来实现喜羊羊拼图?

极客小将2021-04-11-
《喜洋洋与灰太狼》是很多小朋友们的最爱了 每天看羊村保卫战应该是固定节目了吧 喜洋洋和拼图两个元素如何组合呢? 让我们用scratch来实现吧! “  别看我只是一只羊,羊儿的聪明难以

《喜洋洋与灰太狼》是很多小朋友们的最爱了

每天看羊村保卫战应该是固定节目了吧

喜洋洋和拼图两个元素如何组合呢?

让我们用scratch来实现吧!

“ 

别看我只是一只羊,羊儿的聪明难以想象

upload/article/images/2021-04-11/142a69220e3017334465ec9eaa52dc76.jpg

《喜羊羊滑动拼图》


1.作品描述

这是个拼图游戏,九个版块十个空格,点击小绿旗游戏开始,用鼠标选择要移动的版块,用方向键移动。图片排列正确则过关。


2.作品教程

第一步:导入角色和背景

喜羊羊图片是网上下载的,用PS软件把它分割成9片大小相同的小图,使用PS里的【切片工具】即可

upload/article/images/2021-04-11/77c2dea24a4a9e0d7989751adaff05d7.jpg

先将九张小图片依次导入,背景用Scratch画一个大框即可。

upload/article/images/2021-04-11/39e9237d71a351a2cafc50e6e074fb5b.jpg

第二步:游戏初始化

以最左上角的图1为例。

背景的红框里面必须装九张小图片,每张小图片假设长300个单位,为了防止移动不了,让每张小图片占333个单位长,背景红框必须长1000个单位。

9张小图片的大小都相等,测某一张图片的坐标就知道其它的大小了。这样每张图片的坐标和移动的距离,是可以计算出来的。

upload/article/images/2021-04-11/8fb335c0d791e44278537461eb62ca57.jpgupload/article/images/2021-04-11/2b0a560dac9c63fc28f88c31eb4c5881.jpg

确保这九张图片能紧密且不重叠的放置在背景的大框中,并且每一张图片都不在它原图的位置。

upload/article/images/2021-04-11/57f566fb05e94c24a41eea4d7af6c960.jpg

第三步:实现图片移动

当角色被点击时,按方向键小图片可以上下左右移动一定距离,当碰到别的图片或边框时,则不能移动。

upload/article/images/2021-04-11/8622b716db5487d346949b4fea0d327a.jpg

upload/article/images/2021-04-11/ca0508435c9a6053bced0a48f58023df.jpg

为什么上图的程序要广播message1呢,防止没有选中的图片移动,这点很关键。

图1同时也要接收这么多广播。

upload/article/images/2021-04-11/2d3ac8b52721cd705d6e214ea15936bf.jpg

第四步:过关的判断

每张小图都建一个变量,如果移到指定位置则分值为1,否则为0。

upload/article/images/2021-04-11/225939c3b8fb50c0fdcb36695b866bb8.jpg

当所有的小图片移到了指定位置,即9个变量分值都为1时显示过关!

upload/article/images/2021-04-11/75a1db2b94937dfcd7ee16724f8b2c4f.jpg


3.创意来源

小时候玩具很少,玩过一个滑动拼图的玩具很喜欢,就想着用编程的方法把它呈现出来。

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除

网友点评

共有5条评论来说两句吧...

在线客服