iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

JavaScript 嗨起來用 JS 做動畫 ε= ᕕ( ᐛ )ᕗ 系列

想到能讓畫面動起來就覺得很有趣~
天天練習 go go go!!
前方挑戰不容易讓我們一起動起來 ε= ᕕ( ᐛ )ᕗ

參賽天數 17 天 | 共 17 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 - Bmo 眼睛嘴巴動起來

設定 BMO 初始化、更新要更新什麼、畫出 BMO 的方法 class Bmo { constructor(ctx, time) { // 希望畫布...

2021-09-26 ‧ 由 lobsterpp 分享
DAY 12

Day12 - audio tag 幫我設定背景音樂

透過 audio tag 設定背景音樂 class BGM { constructor() { this.audio = documen...

2021-09-27 ‧ 由 lobsterpp 分享
DAY 13

Day13 - 明天複習貪食蛇,今天先鋪舞台

class Game { constructor(){ // 每格寬為 26px this.blockWidth = 2...

2021-09-28 ‧ 由 lobsterpp 分享
DAY 14

Day14 - 結果今天只做小蛇,小蛇還不貪

class Snake { constructor() { // 蛇頭位子 this.head = new Vector...

2021-09-29 ‧ 由 lobsterpp 分享
DAY 15

Day15 - 請蛇上台

class Snake { constructor() { // 蛇頭位子 this.head = new Vector...

2021-09-30 ‧ 由 lobsterpp 分享
DAY 16

Day16- 讓頁面不再被上下左右上下左右

玩貪食蛇遊戲時按上下左右按鍵會觸發網頁上下左右滾動,想把這個預設功能關掉,查了一下網路上熱心大大的解法,微改一下,我試是有關掉方向鍵的預設行為的樣子。 wind...

2021-10-01 ‧ 由 lobsterpp 分享
DAY 17

Day17 - 幫蛇多加了暫停與繼續

class Game{ startGame () { this.snake = new Snake(); this.st...

2021-10-02 ‧ 由 lobsterpp 分享