《喜洋洋與灰太狼》是很多小朋友們的最愛了

每天看羊村保衛(wèi)戰(zhàn)應(yīng)該是固定節(jié)目了吧

喜洋洋和拼圖兩個元素如何組合呢？

讓我們用scratch來實(shí)現(xiàn)吧！

別看我只是一只羊，羊兒的聰明難以想象

《喜羊羊滑動拼圖》

1.作品描述

這是個拼圖游戲，九個版塊十個空格，點(diǎn)擊小綠旗游戲開始，用鼠標(biāo)選擇要移動的版塊，用方向鍵移動。圖片排列正確則過關(guān)。

2.作品教程

第一步:導(dǎo)入角色和背景

喜羊羊圖片是網(wǎng)上下載的，用PS軟件把它分割成9片大小相同的小圖，使用PS里的【切片工具】即可

先將九張小圖片依次導(dǎo)入，背景用Scratch畫一個大框即可。

第二步：游戲初始化

以最左上角的圖1為例。

背景的紅框里面必須裝九張小圖片，每張小圖片假設(shè)長300個單位，為了防止移動不了，讓每張小圖片占333個單位長，背景紅框必須長1000個單位。

9張小圖片的大小都相等，測某一張圖片的坐標(biāo)就知道其它的大小了。這樣每張圖片的坐標(biāo)和移動的距離，是可以計(jì)算出來的。

確保這九張圖片能緊密且不重疊的放置在背景的大框中，并且每一張圖片都不在它原圖的位置。

第三步：實(shí)現(xiàn)圖片移動

當(dāng)角色被點(diǎn)擊時，按方向鍵小圖片可以上下左右移動一定距離，當(dāng)碰到別的圖片或邊框時，則不能移動。

為什么上圖的程序要廣播message1呢，防止沒有選中的圖片移動，這點(diǎn)很關(guān)鍵。

圖1同時也要接收這么多廣播。

第四步：過關(guān)的判斷

每張小圖都建一個變量，如果移到指定位置則分值為1，否則為0。

當(dāng)所有的小圖片移到了指定位置，即9個變量分值都為1時顯示過關(guān)！

3.創(chuàng)意來源

小時候玩具很少，玩過一個滑動拼圖的玩具很喜歡，就想著用編程的方法把它呈現(xiàn)出來。

聲明：本文章由網(wǎng)友投稿作為教育分享用途，如有侵權(quán)原作者可通過郵件及時和我們聯(lián)系刪除