[遊戲開發] maore 線上桌遊網站上線啦

更新 發佈閱讀 2 分鐘

前言

由於最近比較忙碌停更了好一陣子,關於 Flutter 系列目前難產中XD,在開發 Flutter 遊戲之前,我正在進行一個桌遊專案的開發,因為我很喜歡玩桌遊,如果在外面無聊的時候打開手機就可以與朋友一同連線遊玩那該有多好(雖然現在手遊很多),所以我就開始了這個專案,目標是上架各式各樣的桌遊,讓玩家可以在網頁上就可以遊玩。

網站命名

命名往往都是一個難題,不管是遊戲角色暱稱ああああああ、你的綽號等等,總是讓我們傷透腦筋,一定要取一個有梗好記的名稱,因為我喜歡貓所以想取個跟貓有關的名字,某天在網路上看到貓咪打人的影片突然來了靈感,就決定是你了貓蕊取自台語而英文名稱就是 maore 啦,就是貓你一拳的意思,連 Logo 都畫好了。

Logo

Logo

網站架構

網站頁面目前總共三頁分別為:

  • 首頁 - 列出所有遊戲
首頁

首頁

  • 遊戲頁 - 該遊戲介紹以及可以建立房間、加入房間
遊戲頁

遊戲頁

  • 房間頁 - 顯示當前玩家資訊、聊天視窗、遊戲設定、開始遊戲、準備遊戲
房間頁

房間頁

遊戲列表

目前共有兩款遊戲

  • 象棋(暗棋)
    這一款是第一款上架的遊戲,遊戲規則相對簡單,適合當第一款練習的遊戲,現在只有標準模式,未來規劃會作連吃模式。
象棋(暗棋)

象棋(暗棋)

  • 數學算式牌
    運用手牌中的數字搭配數學符號解題,這是我第一個原創遊戲,目前還是很陽春,之後可以加一些道具功能牌使遊戲更有變化性。
數學算式牌

數學算式牌

  • 排七
    經典撲克牌遊戲,下一款預計要做的遊戲,撲克牌類型的遊戲蠻具有挑戰性的,UI 呈現以及邏輯複雜度都比前兩個要來的困難。

開發工具

由於我想要有更好的 SEO(搜尋引擎最佳化),而我擅長的前端框架是 React,所以我選擇用 Next.js 來開發,搭配 custom server express.js 來實作後端。

多人連線遊戲的實作十分複雜,一般會想到用 socket.io 來做這個即時連線功能,某天我在看線上教學時發現 colyseus 套件,這個套件主要專注在多人連線這塊,並提供了創建房間、加入房間、房間設定等等方便的方法可以使用,大大降低了開發成本,讓我可以專注在遊戲開發上。

結語

目前遊戲已經上線了並掛在 GCP 上,大家有興趣都可以上去玩看看,但由於是一個人開發所以 bug 應該會不少XD,之後會陸陸續續更新遊戲開發進度或是一些系統功能的實作當作自己的開發日誌。

P.S. 關於 maore 這個名字,上線後一搜尋竟然先找到馬約特語的搜尋結果,看來SEO 還有待改善,網站描述與頁面資訊都還沒提供完整。

google 結果

google 結果

最後附上網站連結以及專案連結,可以的話幫我 github 按個星星,謝謝大家^^


留言
avatar-img
留言分享你的想法!
avatar-img
Johnson Huang的沙龍
7會員
10內容數
Johnson Huang的沙龍的其他內容
2025/01/09
這是一款休閒的記憶配對翻牌遊戲,遊戲總共超過 1000 個關卡等你來挑戰,玩家可以選擇各種不同的主題,例如可愛的動物、繽紛的顏色、超鬧的古人、路邊的樹木與草叢,不只是挑戰你的記憶力還要多一點觀察力才能闖關成功...
Thumbnail
2025/01/09
這是一款休閒的記憶配對翻牌遊戲,遊戲總共超過 1000 個關卡等你來挑戰,玩家可以選擇各種不同的主題,例如可愛的動物、繽紛的顏色、超鬧的古人、路邊的樹木與草叢,不只是挑戰你的記憶力還要多一點觀察力才能闖關成功...
Thumbnail
2024/08/28
大家好,要來介紹一款新開發的翻牌遊戲,可以訓練玩家的反應與記憶力。簡單易懂的遊戲規則以及有趣的題組設計。目前遊戲已經上線,歡迎玩家一起來挑戰!遊戲包含無限接關和排行榜機制,讓玩家能與朋友一較高下。下篇文章將探討遊戲開發技術及購買網域的流程。
Thumbnail
2024/08/28
大家好,要來介紹一款新開發的翻牌遊戲,可以訓練玩家的反應與記憶力。簡單易懂的遊戲規則以及有趣的題組設計。目前遊戲已經上線,歡迎玩家一起來挑戰!遊戲包含無限接關和排行榜機制,讓玩家能與朋友一較高下。下篇文章將探討遊戲開發技術及購買網域的流程。
Thumbnail
2024/08/18
文章介紹了遊戲的核心事件,包括選牌、出牌和計算分數的邏輯與實作。首先介紹遊戲開始時的選牌事件,接著解析出牌事件及算式計算的過程,最後詳述分數計算的邏輯。
Thumbnail
2024/08/18
文章介紹了遊戲的核心事件,包括選牌、出牌和計算分數的邏輯與實作。首先介紹遊戲開始時的選牌事件,接著解析出牌事件及算式計算的過程,最後詳述分數計算的邏輯。
Thumbnail
看更多
你可能也想看
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
蝦皮分潤計畫讓我在分享旅遊文章時,也能透過推薦好物累積被動收入,貼補旅行基金。這篇文章,除了介紹計畫的操作亮點與心得,也分享我最常應用的案例:「旅行必備小物 TOP5」,包含行李鎖、免洗內衣褲、分裝瓶、折疊衣架與真空壓縮袋,幫助出國打包更輕鬆。想同時記錄旅行、分享好物又創造額外收入的你,千萬別錯過!
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
想增加被動收入?加入蝦皮分潤計畫是輕鬆上手的好方法!本文提供完整教學,包含申請流程、賺取分潤技巧,以及實際使用心得分享,助你輕鬆獲得額外收入。
Thumbnail
  從基本貓的設計思路中,我們也能看到這款遊戲與現在流行的抽卡遊戲的差異。遊戲初期,設計的焦點被放在「攻擊距離」、「攻擊力」、「範圍與單體傷害」、「血量」、「移動速度」以及「花費」這六個項目上,這使得初始的九隻基本貓每隻都能在特定的情境裡面起到作用,也比純數值遊戲有著更多玩家操作與發揮戰術的空間。
Thumbnail
  從基本貓的設計思路中,我們也能看到這款遊戲與現在流行的抽卡遊戲的差異。遊戲初期,設計的焦點被放在「攻擊距離」、「攻擊力」、「範圍與單體傷害」、「血量」、「移動速度」以及「花費」這六個項目上,這使得初始的九隻基本貓每隻都能在特定的情境裡面起到作用,也比純數值遊戲有著更多玩家操作與發揮戰術的空間。
Thumbnail
《魔物獵人艾路島》是以卡普空旗下《魔物獵人》的吉祥物艾路貓作為主角的全新益智三消遊戲。遊戲一般的三消遊戲無異,就是在指定回合消除特定目標就算過關,隨關卡前進我們的主角也會一路幫助其他艾路一起重建村落,把荒廢的小島變成快樂貓貓天堂。 遊戲裡可以自訂你的貓貓外觀,利用過關獲得的素材購買新衣服,
Thumbnail
《魔物獵人艾路島》是以卡普空旗下《魔物獵人》的吉祥物艾路貓作為主角的全新益智三消遊戲。遊戲一般的三消遊戲無異,就是在指定回合消除特定目標就算過關,隨關卡前進我們的主角也會一路幫助其他艾路一起重建村落,把荒廢的小島變成快樂貓貓天堂。 遊戲裡可以自訂你的貓貓外觀,利用過關獲得的素材購買新衣服,
Thumbnail
介紹 Auraʕ•ᴥ•ʔBear 粉絲專頁,轉貼遊戲製作相關資訊,包括企劃、編劇、行銷、美術、程式、音樂、配音、團隊經營、募資、新技術、開發經驗分享等內容。歡迎追蹤與按讚,持續不定時更新內容。
Thumbnail
介紹 Auraʕ•ᴥ•ʔBear 粉絲專頁,轉貼遊戲製作相關資訊,包括企劃、編劇、行銷、美術、程式、音樂、配音、團隊經營、募資、新技術、開發經驗分享等內容。歡迎追蹤與按讚,持續不定時更新內容。
Thumbnail
今年第一篇文章就獻給寵物島啦!,也是遊戲專題第一篇文章。 平常我都是玩電腦遊戲居多,手遊幾乎沒有在玩以前有玩過吃雞、傳說對決、決勝時刻等,但是因為工作關係能夠玩遊戲的時間越少,漸漸地就想找輕鬆玩的遊戲。 「寵物島」原先是網頁遊戲在2003年發行,而在2021年化為手遊方式重新推出。是一款培育
Thumbnail
今年第一篇文章就獻給寵物島啦!,也是遊戲專題第一篇文章。 平常我都是玩電腦遊戲居多,手遊幾乎沒有在玩以前有玩過吃雞、傳說對決、決勝時刻等,但是因為工作關係能夠玩遊戲的時間越少,漸漸地就想找輕鬆玩的遊戲。 「寵物島」原先是網頁遊戲在2003年發行,而在2021年化為手遊方式重新推出。是一款培育
Thumbnail
由於最近比較忙碌停更了好一陣子,關於 Flutter 系列目前難產中XD,在開發 Flutter 遊戲之前,我正在進行一個桌遊專案的開發,因為我很喜歡玩桌遊,如果在外面無聊的時候打開手機就可以與朋友一同連線遊玩那該有多好(雖然現在手遊很多),所以我就開始了這個專案,目標是上架各式各樣的桌遊.....
Thumbnail
由於最近比較忙碌停更了好一陣子,關於 Flutter 系列目前難產中XD,在開發 Flutter 遊戲之前,我正在進行一個桌遊專案的開發,因為我很喜歡玩桌遊,如果在外面無聊的時候打開手機就可以與朋友一同連線遊玩那該有多好(雖然現在手遊很多),所以我就開始了這個專案,目標是上架各式各樣的桌遊.....
Thumbnail
雀魂: 對新手最友好的日本麻將平台,有各種提示,而且畫面好看。 不知為何,遊戲有中、日、英三個版本,帳號互不相通,但介面和活動都一樣,只有一些設定細節不同。 中版: STEAM APK1 / APK2 / APK3 Windows1 / Windows2 / Windows3 App Store
Thumbnail
雀魂: 對新手最友好的日本麻將平台,有各種提示,而且畫面好看。 不知為何,遊戲有中、日、英三個版本,帳號互不相通,但介面和活動都一樣,只有一些設定細節不同。 中版: STEAM APK1 / APK2 / APK3 Windows1 / Windows2 / Windows3 App Store
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News