系列文章
Day21 顯示接龍分數、遊戲時間
前言 今天預計實作的項目顯示分數、顯示遊玩時間，但實作顯示分數必須配合實作累計分數的功能，不然分數都不會變動也是尷尬😂。 儲存分數、遊玩時間的變數宣告: con...
Day22 接龍移牌提示
前言 今天要實作接龍移牌提示，以下是會需要處理的題目: 怎麼取得場上牌的拖曳路線? 找到拖曳路線後，如何顯示要拖曳至哪個地方的提示(文字or動畫)? 取得拖...
Day23 連點2下自動移牌
前言 今天要實做的是點擊自動移牌的功能也算是昨天提示的延伸，差別只在會實際移動卡牌。 我打算連點移牌功能只做在七牌堆和發牌區，結算牌堆就不提供此功能。 實作過程...
Day24 紙牌接龍-結算畫面
前言 目前實作的紙牌接龍還沒有結算畫面，所以今天就來做! 初步思考 製作結算畫面本身不是問題，畢竟畫面沒有要做得超級漂亮的情況下都是沒問題的! 問題是何時跳出結...
Day25 紙牌接龍-結算畫面採用Modal和修正移牌優先權
前言 今天會調整結算畫面的顯示、修正連點移牌的優先權錯誤(應該最優先移入結算牌堆而非七牌堆)。 結算畫面調整 安裝套件 bootstrap-vue-next 昨...
Day26 實作功能【返回上一步】
前言 因為玩接龍有時會有按錯步，這時候沒有返回上一步的機制就只能硬著頭皮玩下去或按重置，今天想解決這個問題。 開發前的思考 在ReactJS官方學習文件中OOX...
Day28 評估是否無牌可走，建議棄權的提示(嘗試失敗)
前言 因為在玩紙牌接龍的過程中可能會被玩到進入無解的情況，也就是再怎麼移動撲克牌都無法完成，所以如何在遊玩中告知玩家這件事情蠻重要的，避免不必要的嘗試。 思考如...
Day27 當牌全開時自動結算
前言 如標題所言，今天要做的就是補上『當牌全開時視為已完成遊戲』自動結算遊戲時間、分數，有實際在現實世界中用撲克牌玩過接龍的應該知道其實最麻煩的就是收牌結尾，因...
Day29 簡單評估是否還有活路
目前所製作的經典紙牌接龍其實是源自於Klondike Solitaire的規則，只是發牌區是一次抽一張的循環制，因為網路上有看到每次都是抽3張但只能移動最上面那...
Day30 使用Cloudflare部屬Vue靜態網站
目前撲克牌遊戲網站都是在自己的電腦用npm run dev啟動，今天會介紹如何部屬Vue專案到CloudFlare提供對外連線的網站，操作有誤的地方再請多多指教...