iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

初階網頁學習與製作 系列

在這次挑戰中,我將學習並運用HTML和JavaScript來搭建一個功能齊全的網站。透過學習HTML,我將掌握如何構建網站的基本結構和內容展示;透過JavaScript,我將能夠為網站添加互動功能,使其更具動態性與使用者體驗。這個挑戰將幫助我全面了解網頁開發的基本技術,並提升我的實作能力。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊不想努力了
DAY 11

Day-11 磚塊遊戲(6) 擊球板子的移動🏹

我今天新增了板子(board)移動的程式碼,以便玩家可以控制板子的左右移動來接住彈跳的球。首先,我定義了 rightPressed 和 leftPressed...

2024-09-25 ‧ 由 sopha 分享
DAY 12

Day-12 磚塊遊戲(7) 擊球板子的顏色變換🎰

昨天,我發現我的球在碰到板子時並不會變換顏色,於是,在今天的程式碼中,我多加了一段條件,使得球碰到板子的時候會隨機變色,增強了遊戲的互動性和趣味性。這段程式碼位...

2024-09-26 ‧ 由 sopha 分享
DAY 13

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

所謂的遊戲,當然是要越刺激越好玩,沒有輸贏的遊戲怎麼能叫遊戲呢?今天,我加入了當球擊中畫布底部時,顯示「Game Over! You Lose!!」訊息並結束遊...

2024-09-27 ‧ 由 sopha 分享
DAY 14

Day-14 磚塊遊戲(9) 定義與繪製磚塊🔩

今天,我要讓遊戲更有挑戰性一點。我新增了一個磚塊的矩陣來擴展遊戲功能,使遊戲更加具有挑戰性和趣味性。這段程式碼首先定義了磚塊的行數與列數,並利用二維陣列 bri...

2024-09-28 ‧ 由 sopha 分享
DAY 15

Day-15 磚塊遊戲(10) 消滅磚頭📴

今天我要精進昨天的程式。在昨天的程式中,當球碰觸到磚塊時,並不會有任何情況發生,這次新增的程式碼為磚頭的定義、繪製和碰撞檢測,讓遊戲更具挑戰性和樂趣。首先,定義...

2024-09-29 ‧ 由 sopha 分享
DAY 16

Day-16 磚塊遊戲(11) 計分系統🧮

玩遊戲怎麼可以少了計分呢? 今天我加入了分數計算系統,讓玩家更清楚自己在此遊戲中的得分情況! 加入計分系統後,遊戲變得更加有趣和有挑戰性。玩家現在不僅可以專注於...

2024-09-30 ‧ 由 sopha 分享
DAY 17

Day-17 磚塊遊戲(12) 移動速度的改變🛶

隨然現在的遊戲趨於完整,但我自己在玩這個遊戲的時候,發現球的移動速度實在是太慢了,導致遊戲缺少挑戰性,我打算增加一點困難度在這個遊戲上。 首先,我將提升球的初始...

2024-10-01 ‧ 由 sopha 分享
DAY 18

Day-18 磚塊遊戲(13) 生命系統🧰

今天我在磚塊遊戲中新增了生命系統。這個系統可以讓玩家在球碰到畫布底部而沒有碰到下方的板子時,失去一條生命。在程式碼中,我定義了一個 lives 變數來追蹤剩餘生...

2024-10-02 ‧ 由 sopha 分享
DAY 19

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

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

2024-10-03 ‧ 由 sopha 分享
DAY 20

Day-20 磚塊遊戲(15) 重新開始?🔮

在這次的遊戲更新中,我新增了一些功能,讓玩家可以重玩遊戲,並改善了遊戲結束時的體驗。首先,我加入了一個 reStart 函數,當玩家贏得比賽或輸掉所有生命時,這...

2024-10-04 ‧ 由 sopha 分享