磚塊式抽獎,這是在某app中的一個小遊戲中的抽獎模式,我今天帶大家一起來製作一下
app截圖
我們先分析一下這個抽獎小遊戲:
小遊戲視頻:
瀏覽器版本過低,暫不支持視頻播放
點擊「抽獎」按鈕,上面的字變為「抽獎中」,獎項開始「滾動」,而且滾動速度越來越快,幾秒後就停下來了,停在隨機的獎項圖片上。然後顯示所獲得的獎項。
開始我們的製作:
我繪製了一個綠色的背景。
背景繪製
繪製抽獎按鈕。還有「抽獎中」用於切換。
抽獎按鈕
一個灰色的的方塊和8個獎項塊,手繪寫一下1~8,注意!尺寸要一致。
灰色塊
獎項繪製
「抽獎」按鈕腳本:
當角色被點擊時,切換為造型2「抽獎中」,廣播「消息1」,6秒鐘後切換為造型1「抽獎」。
抽獎按鈕腳本
角色「z」,自己繪製的角色「灰色方塊」用於遮住獎項,用於標誌中獎獎項,腳本有點多,
變量n,最後隨機到的獎項(1~8);變量time,每一個獎項滾動的間隔時間(可以自己改);
虛像設置為50(透明度50),調用「移動」函數;移動函數是自建(為了減少主函數長度),仔細看截圖;
當接收到「消息1」時,清空「說」的內容,設置time為0.25秒,循環4次,每次循環間隔時間減少0.06秒,所以獎項滾動會越來越快;
這時n設置為1~8之間的隨機數,n等於幾,就移動到幾等獎的位置即可,並說「恭喜你獲得了n等獎」。整個小程序結束
灰色塊的腳本
運行界面截圖:
運行界面