因為我自己小時候蠻喜歡玩翻牌遊戲,甚至去年台北市立美術館中某個展內有翻牌的互動遊戲,我就留在那邊玩了半小時,所以就想也許可以設計看看翻牌遊戲。 由於自己很喜歡狐狸,所以主題和圖片都以狐狸為主,但也偷渡一兩張自己覺得很可愛的其他照片。
一次點擊兩張卡片,若配對失敗,上面會計次失敗,並且兩張卡片會蓋回;若成功,會計次成功,並寫不蓋回兩張圖片。
要求的html、css、JavaScript、jQuery都有使用到。 運用到大量的判斷式,像是當選取一張時卡牌會保持翻開、翻到兩張不一樣會計次並翻回、翻到兩張一樣會計次並保持開開等。 也有用到for迴圈,像是我是以陣列儲存照片,取出時就會用到。
我有給朋友試玩,感覺特別適合給小朋友~所以幫朋友換圖片,設計了一個他們家人版的,給他表妹使用。