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