[製作一些東西] - ooxx
點圖片就能玩～
從小遊戲開始吧～這次要做的是 ooxx (維基百科)
🌕製作框框
總之只要做出框框就行了，做不出來可以參考我的用 css 製作九宮格
🌕放上ox的圖案
需要放上ooxx的圖案有幾種方式，可以直接使用<img>，但是我在寫這個的時候不知道為什麼突然很想要用data attribute。於是就這麼決定了。寫了這些css 你問為什麼我要用:after偽元素？這裡是沒有需要啦，但是在製作動畫的時候就遇到麻煩了
而用css而不是<img>其實有個好處，這樣子的話要改變一個格子的圖案就只需要一行程式 真是超級方便的～
🌕遊戲邏輯
其實也沒有什麼特別的邏輯，就是在onclick時
- 確認格子是空的 (確認dataset)
- 放上現在的玩家 (設定dataset)
- 確認是否結束了
- 更新目前玩家
至於確認結束也很直接了當，直接確認所有可能的連線是不是連好了就可以了～
就大概這種感覺 還要記得確認和局的狀況(正常玩應該都不會有人贏啦)，就只是確認是不是所有格子都有holder
然後就只是一些特效而已了～
留言
張貼留言