iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

連線網頁卡牌遊戲(Elixir, Phoenix, Liveview) 系列

來做一個連線一對一的簡單網頁卡牌遊戲

從設計遊戲,設定開發環境,到開發。

使用 Elixir, Phoenix, Liveview 與 Tailwind

鐵人鍊成 | 共 32 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 11

11 發動迴轉卡!

再加入 迴轉功能卡 進入勝利判斷之前我想整理一下判斷勝利相關的方法 每天都發現昨天寫的很噁 目前是否執行 結束回合是由 maybe_end_round 方法的...

2021-09-25 ‧ 由 韋政 分享
DAY 12

12 終止遊戲

來加一個遊戲狀態好了 本來是要弄回合時間限制但發現怎樣算開始呢?集滿兩勝好像也還沒有說誰獲勝了。 建立遊戲之後,正常的進行遊戲的話,依照順序會有 等待gues...

2021-09-26 ‧ 由 韋政 分享
DAY 13

13 出牌倒數要怎麼做才好?

整理一下算分數方法 這個方法實在太扯了,他很明顯的有分成三個區塊, 用 round 拿到該範圍的卡 算該局分數 檢查要不要reverse defp ca...

2021-09-27 ‧ 由 韋政 分享
DAY 14

14 實作出牌倒數 誒這是什麼放置遊戲

實作出牌倒數計時 ok, 我們有兩個地方需要開始計時第一個是遊戲開始的時候,第二個是 turn 結束的時候。 def init(game) do P...

2021-09-28 ‧ 由 韋政 分享
DAY 15

15 修bug兼整理

好拉 昨天算是一個里程碑,遊戲的核心也快完成了。 來修復一下 可以出手牌沒有的牌的 bug 先把 handle_cast :play_card 裡面的東西全部搬...

2021-09-29 ‧ 由 韋政 分享
DAY 16

16 安裝 Phoenix,產出新專案

儘管我們的遊戲還是有漏洞,寫法也還不太滿意,因為篇幅的關西,還是先記著進到下個階段好了。 安裝 phoenix phoenix 在前幾天升到 1.6 版了,我們...

2021-09-30 ‧ 由 韋政 分享
DAY 17

17 Liveview 練習

試試看 Liveview 我們做一個被做爛的計數器吧呵呵我們繼續在~H""" """ 裡面加上該呈現...

2021-10-01 ‧ 由 韋政 分享
DAY 18

18 在 Phoenix 1.6 安裝 tailwindcss

這一篇可能滿好用的 安裝 Tailwind 這邊建議稍微看一次 Tailwind 官網的安裝說明 會比較知道在幹嘛,好拉也可以不用看 phoenix 的 jav...

2021-10-02 ‧ 由 韋政 分享
DAY 19

19 首頁與開始遊戲按鈕

先來做個首頁好了 首頁要有 logo 開始遊戲的按鈕 來把畫面上面的 logo 拿掉吧吧!預設所有畫面都會被這層包起來lib/card_web/templa...

2021-10-03 ‧ 由 韋政 分享
DAY 20

20 等待對手頁面

昨天用 tailwind 畫好首頁現在要做開始遊戲前的等待對手頁面 把遊戲放進去 phoenix 裡面 在這之前,我覺得差不多可以把 game 搬到 phoen...

2021-10-04 ‧ 由 韋政 分享