iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

毫無自信的開發Web遊戲接龍-成為創造龍的英雄之路! 系列

會採用Vue3開發遊戲介面,最終目標是做一個好玩的紙牌接龍遊戲。

預計會從怎麼用網頁顯示紙牌、拖曳紙牌,翻轉紙牌等技巧說起,雖然寫得當下我還不會...
希望能以一層層疊大樓的方式說明實現遊戲的進度。

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 顯示接龍分數、遊戲時間

前言 今天預計實作的項目顯示分數、顯示遊玩時間,但實作顯示分數必須配合實作累計分數的功能,不然分數都不會變動也是尷尬😂。 儲存分數、遊玩時間的變數宣告: con...

2023-09-30 ‧ 由 懶惰學 分享
DAY 22

Day22 接龍移牌提示

前言 今天要實作接龍移牌提示,以下是會需要處理的題目: 怎麼取得場上牌的拖曳路線? 找到拖曳路線後,如何顯示要拖曳至哪個地方的提示(文字or動畫)? 取得拖...

2023-10-01 ‧ 由 懶惰學 分享
DAY 23

Day23 連點2下自動移牌

前言 今天要實做的是點擊自動移牌的功能也算是昨天提示的延伸,差別只在會實際移動卡牌。 我打算連點移牌功能只做在七牌堆和發牌區,結算牌堆就不提供此功能。 實作過程...

2023-10-02 ‧ 由 懶惰學 分享
DAY 24

Day24 紙牌接龍-結算畫面

前言 目前實作的紙牌接龍還沒有結算畫面,所以今天就來做! 初步思考 製作結算畫面本身不是問題,畢竟畫面沒有要做得超級漂亮的情況下都是沒問題的! 問題是何時跳出結...

2023-10-03 ‧ 由 懶惰學 分享
DAY 25

Day25 紙牌接龍-結算畫面採用Modal和修正移牌優先權

前言 今天會調整結算畫面的顯示、修正連點移牌的優先權錯誤(應該最優先移入結算牌堆而非七牌堆)。 結算畫面調整 安裝套件 bootstrap-vue-next 昨...

2023-10-04 ‧ 由 懶惰學 分享
DAY 26

Day26 實作功能【返回上一步】

前言 因為玩接龍有時會有按錯步,這時候沒有返回上一步的機制就只能硬著頭皮玩下去或按重置,今天想解決這個問題。 開發前的思考 在ReactJS官方學習文件中OOX...

2023-10-05 ‧ 由 懶惰學 分享
DAY 27

Day27 當牌全開時自動結算

前言 如標題所言,今天要做的就是補上『當牌全開時視為已完成遊戲』自動結算遊戲時間、分數,有實際在現實世界中用撲克牌玩過接龍的應該知道其實最麻煩的就是收牌結尾,因...

2023-10-06 ‧ 由 懶惰學 分享
DAY 28

Day28 評估是否無牌可走,建議棄權的提示(嘗試失敗)

前言 因為在玩紙牌接龍的過程中可能會被玩到進入無解的情況,也就是再怎麼移動撲克牌都無法完成,所以如何在遊玩中告知玩家這件事情蠻重要的,避免不必要的嘗試。 思考如...

2023-10-07 ‧ 由 懶惰學 分享
DAY 29

Day29 簡單評估是否還有活路

目前所製作的經典紙牌接龍其實是源自於Klondike Solitaire的規則,只是發牌區是一次抽一張的循環制,因為網路上有看到每次都是抽3張但只能移動最上面那...

2023-10-08 ‧ 由 懶惰學 分享
DAY 30

Day30 使用Cloudflare部屬Vue靜態網站

目前撲克牌遊戲網站都是在自己的電腦用npm run dev啟動,今天會介紹如何部屬Vue專案到CloudFlare提供對外連線的網站,操作有誤的地方再請多多指教...

2023-10-09 ‧ 由 懶惰學 分享