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