Block Memory Game

相較於先前編號的作品,這次的「方塊記憶遊戲」是功能架構最複雜的專案。當中用了模組化的方式管理許多 prototype functions,如點按方塊時的閃爍及播放鋼琴音效、產生新的隨機關卡、題目播放時的點按封鎖、點按輸入時的進度點控制、檢查輸入是否完全符合答案的方塊全閃爍和聲效,以及每關一次的疏忽按錯補救措施;這次的專案也算是對程式碼撰寫風格的考驗,不同於以往使用 jQuery $(el) 直接抓取 HTML 元素,這次使用執行速度更快的原生 JS 撰寫,同時將所有 DOM 元素放在函式建構子統一管理,以減少瀏覽器引擎的操作成本。最後為了增進在各尺寸設備上的遊玩體驗,做了 RWD 響應式設計,在過程中也順便解決了移動設備觸所控造成的 hover 效果殘留問題。

See on CodePen

More by Ray 🌿

View profile