iT邦幫忙

2024 iThome 鐵人賽

DAY 19
0
自我挑戰組

初階網頁學習與製作系列 第 19

Day-19 磚塊遊戲(14) 獲勝👑

  • 分享至 

  • xImage
  •  

昨天我在試玩的時候發現我到,若我打擊完所有的球,我的遊戲並不會截止,球還是會持續的碰撞、移動。所以今天我要加入一些程式碼讓遊戲可以停止,且顯示遊戲成功

  1. 新增檢查所有磚塊是否被打破的函式
    透過檢查所有磚塊的 status 來判斷遊戲是否結束。

  2. 顯示彈窗並結束遊戲
    如果所有磚塊的 status 都等於 0(代表被打破),則遊戲結束並彈出一個成功訊息。可以使用 alert() 來顯示 "Congrats! You win~" 的訊息。

https://ithelp.ithome.com.tw/upload/images/20241003/20169460It5JcmAjOt.png

(這裡的 10 是以毫秒為單位的延遲時間。setTimeout 函式的作用是延遲執行一段程式碼,第二個參數就是指定的延遲時間,單位是毫秒。)

https://ithelp.ithome.com.tw/upload/images/20241003/201694604lunnuiaTm.png

幾本上我這次的遊戲就快要到一段落了,現在也基本接近成品了,可以點開下方連結去玩玩看這個遊戲!
https://github.com/HUIYUK/iron-race/blob/main/day%2019.html


上一篇
Day-18 磚塊遊戲(13) 生命系統🧰
下一篇
Day-20 磚塊遊戲(15) 重新開始?🔮
系列文
初階網頁學習與製作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言