hatchabit
A vibe-coded pixel art piece — play it in your browser, no install. 和小小夥伴一起慢慢長大！以純前端單一 index.html 與純原生 SVG 打造的可愛像素風電子寵物養成 Web App。
Vote and save it — free account with email or sign in with GitHub
Made this, @Fannno? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
Hatchabit 是一款以電子寵物養成為核心的互動式 Web App。玩家會從神秘蛋中遇見自己的第一隻「小 Bit」，透過餵食、摸摸、戳戳、洗澡、睡眠與小遊戲陪伴牠成長，也可以收集不同種類的小 Bit、佈置房間、收藏紀念品，或在忙碌時請保母協助照顧。
本專案以 Vibe Coding 方式開發，主要程式集中在單一 index.html，不需要後端服務或帳號。遊戲進度保存在目前瀏覽器的 LocalStorage。
Hatchabit 由 Hatch 與 Habit 組合而成：
Hatchabit 世界中的電子寵物統稱為「小 Bit」。每隻小 Bit 都有自己的名字、種類、個性、等級與生活狀態。
接著玩家會看到三顆隨機神秘蛋。蛋的星星、斑點、波浪、愛心或彩色花紋不代表小 Bit 的種類。孵化後可以查看種類與個性，再選擇重新抽選或確認。確認後可為小 Bit 命名，名稱最多 16 個字；如果留白，會自動命名為「小 Bit」。
第一隻小 Bit 完成命名並正式進入小屋後，會一次獲得 200 金幣新手歡迎禮。重新整理不會重複領取。
一般狀態的基礎時間變化約為每小時飽食度 −2、心情值 −1、清潔度 −1、體力值 −0.4、親密度 −0.05。貪吃個性會加快飽食度下降。關閉網頁後，系統會依最後更新時間計算狀態變化。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
spike sprint
A poorly coded pixel runner — Spike Sprint. Browser-based endless runner with jump mechanics, enemies, pits, bushes, and a chasing spiked barrel…
board gaming
30+ single-file HTML5 strategy games & sims at boardgaminghub.com — chess, go, mancala, plus originals (Bisque, Aresia, Doctrine) and physics sims…
nova rift
🚀 Nova Rift — 8-bit pixel arcade space shooter. Single HTML file, vanilla JS, zero dependencies.
mine cart carnage
Endless mine cart runner — pixel art tribute to DKC's Mine Cart Carnage. HTML5 canvas, mobile-friendly.
pixel racer
A vertical pixel-art car racing game in a single HTML file. Pure vanilla JS + HTML5 Canvas, no dependencies, no assets. Keyboard and touch controls…
blackwater dock
BLACKWATER DOCK — klimatyczna gra przeglądarkowa o łodzi podwodnej: sonar echo-pulse, sztormy, precyzyjne dokowanie. Jeden plik index.html, vanilla…
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
