iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Software Development

用Canvas打造自己的遊樂場 系列

用Canvas寫小遊戲

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊薪水被偷
DAY 11

[Day11]用Canvas打造自己的遊樂場-BB 磚塊、陣列、補班日進度少一點

悲傷的補班日,身心疲憊,今天內容就寫少一點,請見諒~~ 今天呢,要畫出方塊,單畫一個方塊之前老早就做過了,現在要一次畫出遊戲中所需要的方塊.老樣子,第一步先來把...

2020-09-26 ‧ 由 大白鯊 分享
DAY 12

[Day12]用Canvas打造自己的遊樂場-BB 消滅磚塊

今天的目標是要能夠完成消磚塊的動作,明天做個收尾,第一個遊戲就結束啦~~~ 好的,那麼今天我們要寫的球與磚的互動,按照我們的分類,需要寫在move中,裡面目前有...

2020-09-27 ‧ 由 大白鯊 分享
DAY 13

[Day13]用Canvas打造自己的遊樂場-BB 收尾

今天要來把第一個遊戲“Brick Breaker”做個收尾。第一件事情是處理原先resetBrick放的位置,原本是放在window.onload中,修改成下面...

2020-09-28 ‧ 由 大白鯊 分享
DAY 14

[Day14]用Canvas打造自己的遊樂場-Galaxian 開工

昨天完成了第一個程式,今天要開始第二個遊戲啦.不鏽要寫啥呢? 我左思右想後,決定在挑一個大家一定都玩過的經典遊戲“Galaxian”,也就是大家耳熟能詳的小蜜...

2020-09-29 ‧ 由 大白鯊 分享
DAY 15

[Day15]用Canvas打造自己的遊樂場-Galaxian 射擊

原本今天我想做的部分是,畫出很瞎趴玩家角色還有敵人,但我馬上明白自己的藝術天份堪稱悲劇,不過這也是不影響整個遊戲啦,我們就以圓圈來代替各種角色吧, 哈哈哈今天...

2020-09-30 ‧ 由 大白鯊 分享
DAY 16

[Day16]用Canvas打造自己的遊樂場-Galaxian 中秋團圓

哈摟~中秋佳節愉快.月圓之夜適合團圓,今天就讓遊戲中的角色來個大團圓,今天也不殺生啦,哈哈哈.敵人的射擊,還有被擊殺後的消失,明天處理.後就可以為這個遊戲做個收...

2020-10-01 ‧ 由 大白鯊 分享
DAY 17

[Day17]用Canvas打造自己的遊樂場-Galaxian 有bug 明天要除蟲

今天呢原本是要寫敵人被擊中後被消除的過程,但是呢有點問題,我需要一些時間來解決.那還是先把到目前為止的程式記錄下來.明天會再針對今天的問題進行除錯. 我的想法是...

2020-10-02 ‧ 由 大白鯊 分享
DAY 18

[Day18]用Canvas打造自己的遊樂場-Galaxian 找出問題點

實在是很抱歉~今天白天都在山上的關係,時間上也不是很充裕,今天就先找出為什麼會有昨天bug的可能原因,之後再做修改.這是昨天的bug 可以看到子彈打到目標後,...

2020-10-03 ‧ 由 大白鯊 分享
DAY 19

[Day19]用Canvas打造自己的遊樂場-Galaxian 終究得除蟲

昨天推導出來是轉換子但位置到敵人序號時,有轉換錯誤.我們在畫出敵人時的流程是, 查詢對應敵人序號的位置是否存在,若存在,再透過加上移動距離以及敵人兼具來繪製敵人...

2020-10-04 ‧ 由 大白鯊 分享
DAY 20

[Day20]用Canvas打造自己的遊樂場-Galaxian 敵人學會反擊啦

今天厭世週一,連假後的上班首日,竟然馬上變天,老天爺真的很愛考驗大家的毅力. 大家辛苦了~~今天呢要來寫的部分就是,敵人發射子彈.首先當然是先加入會使用到的參數...

2020-10-05 ‧ 由 大白鯊 分享