vibe coding game
A vibe-coded browser game — play it in your browser, no install. 聖水小戰場：即時對戰卡牌新手練習場（Vibe Coding 作業）. 這是學校作業（Vibe Coding 做互動網頁）的作品，已用 GitHub Pages 公開： ** 直向競技場，邏輯座標 360 × 680（1 格 ≈ 20 px），用 繪製並隨視窗等比縮放（最小高度 260 px）。國王塔後面留約 3.5 格空間，可以「沉底」（下在國王塔後面）。 數值參考原遊戲 11 級：血量和傷害統一 ÷3.05（讓公主塔維持 1000 血），射程用格數 × 20 px。塔的射程從塔中心算；單位打塔時，射程從塔的邊緣（受攻擊範圍 35 px）算。 牌組規則：8 張牌裡至少放 2…
Vote and save it — continue with GitHub or sign in free
Made this, @caichenlin? See how many people played it → or use email
GitHub asks to share your profile and email with us. We 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
這是學校作業（Vibe Coding 做互動網頁）的作品，已用 GitHub Pages 公開： **
直向競技場，邏輯座標 360 × 680（1 格 ≈ 20 px），用 繪製並隨視窗等比縮放（最小高度 260 px）。國王塔後面留約 3.5 格空間，可以「沉底」（下在國王塔後面）。
數值參考原遊戲 11 級：血量和傷害統一 ÷3.05（讓公主塔維持 1000 血），射程用格數 × 20 px。塔的射程從塔中心算；單位打塔時，射程從塔的邊緣（受攻擊範圍 35 px）算。
牌組規則：8 張牌裡至少放 2 張進攻核心單位。本牌組有 2 張：🐗 衝鋒豬、💣 炸彈兵。（🛡️ 坦克是會打單位的「前排肉盾」，不算進攻核心）
設計參考：原遊戲中「速度很快、只打建築、可以跳河」的主力推塔單位。數值是依原版 11 級比例縮放成本遊戲的尺度（血量和傷害 ÷3.05，射程 1 格 = 20 px，移速依原遊戲速度等級換算），不是照抄。
核心配合：🛡️ 坦克（前排肉盾）先走、🐗 衝鋒豬跟後面。公主塔會先打最近的坦克，衝鋒豬就能多打幾下；坦克也會順手處理來防守的敵方單位。再加上 💚 遠程治療師補血，坦克能撐更久。
之後更新網站：修改後 git add .、git commit、git push，約 1～2 分鐘自動更新。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
kage
An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js.
one html page challenge
Can you create something cool without modern tools?
- complete shelf An original single-file Three.js library of seven interactive clothbound hardcovers.
- sylva An interactive Three.js landscape study with a procedural, pointer-responsive moss world.
invaders
A 1980s-arcade-style game written using HTML5, Canvas, and Web Audio
tinyhumans
A little interactive sandbox for tiny people, tiny thoughts, and their tiny stories
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.
