以兒子為素材的Web記憶遊戲

自從小孩出生後,做父母的拍照錄影自然少不了,身為一個軟體工程師,有時也會思索如何用自己的專業,創造出與眾不同的回憶,首先考量到的,就是讓家人容易觀看,於是選擇了Web為主要媒介,畢竟電腦手機通用,網址容易傳遞,改版也方便,總不可能exe檔傳給別人執行,太過麻煩就失去初衷了。

其次,就是內容要做什麼,剛好筆者以前工作有寫過一些小遊戲,就挑選其中大家都玩過,又能發揮照片功用的記憶遊戲,於是乎,將小犬各年齡生活照片及聲音作為遊戲素材,可愛的小孩照片配上童音遊戲音效,這款遊戲就這樣誕生了。

前往遊戲 原始碼

為了後續遊戲順暢,首次開啟會先讀取所有素材,並顯示進度條,待讀取完成後進入首頁,首頁圖是內人手繪的,點擊按鈕開始,按鈕都設有不同的音效,還有背景音樂,皆取自兒子平時的錄影聲音。目前只有一個關卡,倒數計時的秒數也很足夠,畢竟不是為了難倒大家,只是希望在遊戲的過程,可以仔細看看可愛的照片,遊戲時會隨機從20張圖庫內取8張在4×4的格子內顯示,所以另外設計了卡片一覽,可以一次看到所有的照片的原圖,。

因為沒有什麼功能必須要用到後端,所以直接使用純javascript完成,放在GitHub使用GitHub Pages功能也方便展示,後續會再說明遊戲各部分是如何運作的,如果大家對遊戲有任何想法或技術上的改進,歡迎提出多多指教~

想了解實作細節的同學,可以參考這裡

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s

在 WordPress.com 建立網站或網誌

向上 ↑

%d 位部落客按了讚: