[要玩的遊戲自己做]做個網頁版本2D pikmin walker(皮克敏walker)

更新 發佈閱讀 6 分鐘

[先來個免責聲明,這個網頁遊戲純粹練功用的,並沒做任何公開分享或任何用途],
因是仿皮克敏的遊戲規則,才有可能很短時間不用經過遊戲企劃,就能進入可玩階段,

先來看一下遊戲畫面: 再次聲明,大都用向量Web字型圖替代真實手游的圖像,但有些為了仿真,還是套用遊戲圖樣 (只用來練習飾品類別索引)。

raw-image
raw-image
raw-image
raw-image
raw-image
raw-image


遊戲製作方式,因沒寫過3D遊戲,只好純練個2D版本自娛。
開發方式,將以下遊戲規則和原遊戲畫面,餵給 如 Antigravity Agent IDE,
大概半天~一天,就有個雛形遊戲可以自我happy.

Prompt如下:
迎來到 Pikmin Walker Web 版!這是一個結合步行、收集皮克敏與種植花朵的輕鬆遊戲。

## 🌟 遊戲核心目標

1.  **走路**:累積步數來培育皮克敏花苗。

2.  **收集**:尋找並培育各種穿著飾品的「飾品皮克敏」。

3.  **種花**:在地圖上種植花朵,讓世界變得更繽紛,並讓巨大花朵綻放。

---

## 🎮 主要功能與玩法

### 1. 散步與計步 (Pedometer)

*   **真實步行**:遊戲會追蹤您的真實位置 (GPS)。

*   **模擬步行**:

    *   在開發/測試模式下,您可以使用「模擬步行」功能。

    *   **設定終點**:點擊地圖上的任何地點(包括小花軌跡或巨大花朵),將其設為目的地。

    *   **開始走路**:設定速度後,角色會自動在地圖上移動,並模擬步數增加。

### 2. 皮克敏 (Pikmin)

*   **培育花苗**:

    *   在地圖上探索可發現「花苗 (Seedling)」。

    *   將花苗放入**花盆**中,透過累積步數(或模擬步數)讓其成長。

    *   步數達標後,即可拔出新的皮克敏!

*   **餵食與親密度**:

    *   點擊皮克敏進入互動畫面。

    *   餵食**精華 (Nectar)** 會讓皮克敏頭上的花朵綻放。

    *   點擊發光的花朵可收集 **花瓣 (Petals)**。

    *   持續餵食可提升**親密度 (Friendship)**(愛心)。

    *   **飾品皮克敏**:當親密度達到 4 顆紅心,皮克敏會去撿回屬於牠出生地的**禮物**,穿戴上特殊的飾品(如餐廳廚師帽、咖啡杯等)。

### 3. 種花 (Planting Flowers)

*   **開始種花**:

    *   點擊主畫面的花朵按鈕開啟選單。

    *   選擇一種**花瓣**(需先透過餵食皮克敏獲得)。

    *   點擊「開始」!

*   **效果**:

    *   **加速成長**:種花期間,花苗的成長速度提升 **10%**(甚至是 30%)。

    *   **賺取金幣**:每種下 250 朵花,可獲得 1 枚金幣(每日上限 60 枚)。

    *   **地圖軌跡**:您走過的地方會留下繽紛的花朵軌跡。

### 4. 巨大花朵 (Giant Flowers)

*   **地圖地標**:地圖上分佈著巨大的植物,分為「葉子」、「花苞」和「綻放」狀態。

*   **如何讓它開花?**

    *   這是一個合作任務!

    *   在巨大花朵的範圍圈內**種花**。

    *   當累積種下 **300 朵花** 後,巨大花朵就會綻放!

*   **獎勵**:

    *   綻放的巨大花朵會掉落稀有水果(可轉化為精華),點擊即可獲取。

    *   有時會開出季節限定的特殊花朵(如櫻花、梅花等)。

### 5. 探索 (Expedition)

*   **派遣皮克敏**:

    *   當您在散步時,皮克敏會發現路邊的水果或花苗。

    *   在「探索」頁面,您可以派遣皮克敏隊伍去將這些物品搬回來。

    *   搬運需要時間,皮克敏越多、戰鬥力越高,搬運越快。

### 6. 活動與任務 (Events)

*   **任務系統**:

    *   遊戲包含各種任務(例如:種植 500 朵花、走 3000 步)。

    *   完成任務可獲得金幣、特殊花苗或道具。

*   **活動挑戰**:

    *   不定期舉辦的活動(如新年卡牌活動),收集特定飾品皮克敏。

---

## 📱 介面操作指南

- **🗺️ 探索 (Map View)**:主畫面,顯示地圖、皮克敏隊伍、巨大花朵。點擊地圖可互動。

- **🌱 皮克敏 (Pikmin View)**:管理您的皮克敏隊伍與花苗。這裡可以餵食、拔苗。

- **🎁 收藏 (Collection View)**:查看您收集到的飾品皮克敏圖鑑。

- **📋 任務 (Task View)**:查看當前任務進度與挑戰。

- **📔 日記 (Diary View)**:每日步數記錄與心情日記。

---

## 💡 小撇步

1.  **缺花瓣?** 每天記得餵食皮克敏精華來收集花瓣。

2.  **缺精華?** 讓巨大花朵綻放,或是派遣皮克敏去搬運水果。

3.  **想加速?** 種花模式下走路,或是使用「種花加速劑」道具。

4.  **座標定位**:想要模擬去某個地方?直接點擊地圖上的花朵或地標,就能設定為模擬步行的終點!

祝您散步愉快! 🌱🌸🚶



留言
avatar-img
Hank吳的沙龍
12會員
156內容數
這不僅僅是一個 Blog,更是一個交流與分享的空間。 期待在這裡與你相遇,一起探索科技、體驗生活、夢想旅行!💖
Hank吳的沙龍的其他內容
2026/02/06
Anthropic 執行長Dario Amodei 2025年10月說 Claude 已能寫出公司內90%的程式碼,實際openclaw應該也是vibe coding下的協力產物,所以短時間開發一個像openclaw可以用通訊軟體 (Telegram、MessageApp、Line......)直接
Thumbnail
2026/02/06
Anthropic 執行長Dario Amodei 2025年10月說 Claude 已能寫出公司內90%的程式碼,實際openclaw應該也是vibe coding下的協力產物,所以短時間開發一個像openclaw可以用通訊軟體 (Telegram、MessageApp、Line......)直接
Thumbnail
2026/02/05
玩了一個禮拜的openclaw,每每它的設定 (openclaw.json)都能讓人驚喜, 今天就來設定2個main agent,讓它們可以在Telegram群組相互對話,看它們對話有時充滿驚喜。 設定方式如下: 1.啟動 openclaw
Thumbnail
2026/02/05
玩了一個禮拜的openclaw,每每它的設定 (openclaw.json)都能讓人驚喜, 今天就來設定2個main agent,讓它們可以在Telegram群組相互對話,看它們對話有時充滿驚喜。 設定方式如下: 1.啟動 openclaw
Thumbnail
2026/02/05
本身開發過不少程式,AI 模型盛行後,也用Vibe coding方式作業,結果本來帶著2位同仁協同作業,但去年年初,沒想到公司老闆居然說只準備留我,其他資訊部同仁的工作量可能會用委外方式,其實,當時我第一個念頭是:糟糕!我的主管加給要沒有了。
Thumbnail
2026/02/05
本身開發過不少程式,AI 模型盛行後,也用Vibe coding方式作業,結果本來帶著2位同仁協同作業,但去年年初,沒想到公司老闆居然說只準備留我,其他資訊部同仁的工作量可能會用委外方式,其實,當時我第一個念頭是:糟糕!我的主管加給要沒有了。
Thumbnail
看更多
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
別讓你的房子,變成家中最大的「閒置資產」 作為一名服務高淨值客戶的私人銀行顧問,我每天的任務只有一個:幫客戶「讓錢滾動」。然而,當我觀察身旁許多同樣育有子女的朋友們,即便他們多半已是職場上的中高階主管,表面上看似光鮮亮麗,有房有車;但實際上,大家都是典型的「夾心世代」。每個月薪水一入帳,扣掉沉重的
Thumbnail
別讓你的房子,變成家中最大的「閒置資產」 作為一名服務高淨值客戶的私人銀行顧問,我每天的任務只有一個:幫客戶「讓錢滾動」。然而,當我觀察身旁許多同樣育有子女的朋友們,即便他們多半已是職場上的中高階主管,表面上看似光鮮亮麗,有房有車;但實際上,大家都是典型的「夾心世代」。每個月薪水一入帳,扣掉沉重的
Thumbnail
因為超過十張,所以有上下。 就算是讀同一個學校,每個人的生活圈應該也是蠻不一樣的,更何況我只去了一個學期,所以在離開後還能看到很多Bloomington不一樣的明信片,讓我倍感懷念。 除了Bloomington之外也有Indianapolis的! 跟我沒去過的Greensburg。
Thumbnail
因為超過十張,所以有上下。 就算是讀同一個學校,每個人的生活圈應該也是蠻不一樣的,更何況我只去了一個學期,所以在離開後還能看到很多Bloomington不一樣的明信片,讓我倍感懷念。 除了Bloomington之外也有Indianapolis的! 跟我沒去過的Greensburg。
Thumbnail
在已經擴充還是爆炸的明信片裡,發現一些遺漏或是被徵召回Bloomington的明信片。 有一些可可愛愛的分享給大家。
Thumbnail
在已經擴充還是爆炸的明信片裡,發現一些遺漏或是被徵召回Bloomington的明信片。 有一些可可愛愛的分享給大家。
Thumbnail
年末將至,各種派對和社交聚會也多了起來。皮克敏似乎也聽聞了消息,有人發現它們在試戴去年佳節期間推出的2024眼鏡!這些熱愛派對的小生物正限時回歸,想辦法遇見所有的2024眼鏡飾品皮克敏,並在下次出門走路時帶上它們吧!   日期和時間 當地時間2024年12月23日凌晨12點至2024年12月3
Thumbnail
年末將至,各種派對和社交聚會也多了起來。皮克敏似乎也聽聞了消息,有人發現它們在試戴去年佳節期間推出的2024眼鏡!這些熱愛派對的小生物正限時回歸,想辦法遇見所有的2024眼鏡飾品皮克敏,並在下次出門走路時帶上它們吧!   日期和時間 當地時間2024年12月23日凌晨12點至2024年12月3
Thumbnail
來到十一月底,各大商場的裝飾佈置告訴我們聖誕節要來了,也動起手來自己DIY編織聖誕樹。迷上了 Pikman Bloom,為散步增添了不少趣味。讀完米果《人生最難整理術》以後,便想發掘更多米果的作品,找到了《初老,然後呢?》一書,發現很適合這個階段的自己閱讀。
Thumbnail
來到十一月底,各大商場的裝飾佈置告訴我們聖誕節要來了,也動起手來自己DIY編織聖誕樹。迷上了 Pikman Bloom,為散步增添了不少趣味。讀完米果《人生最難整理術》以後,便想發掘更多米果的作品,找到了《初老,然後呢?》一書,發現很適合這個階段的自己閱讀。
Thumbnail
皮克敏Pikmin Bloom一周年了~ 不久前,官方剛結束萬聖節活動,南瓜飾品的動畫微怪的可愛,點它會左右抖動。 接著介紹最近的一周年紀念活動,收集的零食飾品皮克敏,動畫很可愛……
Thumbnail
皮克敏Pikmin Bloom一周年了~ 不久前,官方剛結束萬聖節活動,南瓜飾品的動畫微怪的可愛,點它會左右抖動。 接著介紹最近的一周年紀念活動,收集的零食飾品皮克敏,動畫很可愛……
Thumbnail
Pikmin Bloom首度推出彷彿還是昨天的事,一轉眼就已經過一年了。 今天,我們想藉這個機會感謝社群的支持:謝謝各位! 希望大家都很享受去年邊散步邊讓世界開滿美麗花朵,並透過每週挑戰與親朋好友交流的經驗,也希望大家都很期待我們接下來推出的活動。
Thumbnail
Pikmin Bloom首度推出彷彿還是昨天的事,一轉眼就已經過一年了。 今天,我們想藉這個機會感謝社群的支持:謝謝各位! 希望大家都很享受去年邊散步邊讓世界開滿美麗花朵,並透過每週挑戰與親朋好友交流的經驗,也希望大家都很期待我們接下來推出的活動。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News