A free puzzle game — play it in your browser, no install. 羊了个羊网页复刻:单文件 HTML5 三消叠叠乐,10 关,保证有解的发牌算法与遮挡判定
Vote and save it — free account with email or sign in with GitHub
Made this, @FuzzyLogic112? 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 GitHub经典三消叠叠乐的网页复刻:点掉没被压住的卡片放进底部槽位,凑齐 3 张相同的就消除,把整堆卡片清空即过关。
只有没被其他卡片压住的卡片能点,被压住的会变暗。 点中的卡片进入底部槽位,槽位里有 3 张相同的会自动消除。 槽位一共 7 格,塞满就失败,可以重试本关。 清空所有卡片即过关,进入下一关。
保证有解的发牌:先算出每张卡被哪些卡压住,再模拟“从上往下一层层消除”的过程,每次从当前可点的卡里挑 3 张赋同一种图案。这样生成的牌局一定存在通关路线,不会开局就是死局。 遮挡判定:按卡片矩形是否重叠、层级高低实时计算哪些卡可点。 音效:点击和消除音效用 Web Audio 实时合成,不需要音频文件;点右上角 🔇 按钮开启声音(同时播放背景音乐). 技术:原生 JavaScript + Tailwind CSS(CDN).
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
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.