iT邦幫忙

2024 iThome 鐵人賽

DAY 13
0
自我挑戰組

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

Day-13 磚塊遊戲(8) 遊戲結束與警報📞

  • 分享至 

  • xImage
  •  

所謂的遊戲,當然是要越刺激越好玩,沒有輸贏的遊戲怎麼能叫遊戲呢?
今天,我加入了當球擊中畫布底部時,顯示「Game Over! You Lose!!」訊息並結束遊戲的程式碼,這樣可以提升遊戲的挑戰性和完整性。原本的遊戲設計中,球只會不斷反彈,沒有失敗的條件,缺少了挑戰與目標。透過這段程式碼,當玩家沒能接住球時,遊戲將終止並重置,讓玩家有失敗的風險和重新挑戰的動機。
這段邏輯首先檢查球是否超過畫布的底部,如果超過就顯示一個警報訊息(alert)提示玩家輸掉遊戲,並自動重新加載頁面來重置遊戲。這樣的設計不僅讓遊戲變得更具目標性,也能激勵玩家想要達到更高的成就感,挑戰自己的反應速度與手眼協調能力。
遊戲的樂趣在於每次失敗後,玩家會想再次挑戰,試圖持續接住球並延長遊戲時間。此外,失敗後即刻重置遊戲,也帶來快速反饋的滿足感。這樣的變化大大提升了遊戲的互動性和耐玩性,使遊戲變得更加有趣和引人入勝。

新增程式碼:
https://ithelp.ithome.com.tw/upload/images/20240927/20169460PLSkoxlU3p.pnghttps://ithelp.ithome.com.tw/upload/images/20240927/20169460DJEo0ys446.png
https://ithelp.ithome.com.tw/upload/images/20240927/20169460klekAKRiti.png

執行結果:
https://ithelp.ithome.com.tw/upload/images/20240927/20169460R1GeQy62uF.png
(若球碰觸到底部即會停止遊戲)


上一篇
Day-12 磚塊遊戲(7) 擊球板子的顏色變換🎰
下一篇
Day-14 磚塊遊戲(9) 定義與繪製磚塊🔩
系列文
初階網頁學習與製作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言