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

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

喜洋洋和拼圖兩個(gè)元素如何組合呢？

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

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

《喜羊羊滑動(dòng)拼圖》

1.作品描述

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

2.作品教程

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

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

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

第二步：游戲初始化

以最左上角的圖1為例。

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

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

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

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

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

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

圖1同時(shí)也要接收這么多廣播。

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

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

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

3.創(chuàng)意來(lái)源

小時(shí)候玩具很少，玩過(guò)一個(gè)滑動(dòng)拼圖的玩具很喜歡，就想著用編程的方法把它呈現(xiàn)出來(lái)。

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