◀ VibeCruiser

brick breaker

A free breakout game — play it in your browser, no install. 霓虹风格单文件 HTML 打砖块小游戏,使用 Canvas 与 Web Audio 实现 12 关肉鸽流程、协议卡构筑、特殊砖块、能量技能和多种 build 玩法。

by @dontttbefly-sketch · dontttbefly-sketch/brick-breaker on GitHubLANG HTMLHOSTED ON DONTTTBEFLY-SKETCH.GITHUB.IOUPDATED 5 Jun 2026

Vote and save it — free account with email or sign in with GitHub

Made this, @dontttbefly-sketch? See how many people played it → or use email

Controls: Arrow keys · Space · Mouse

▶ Play full screen ▲ Vote: free account with email ▲ Or sign in with GitHub

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.

Open the live demo Source on GitHub

From the README

霓虹破壁 · Neon Breaker 是一个单文件 HTML 打砖块小游戏。它用原生 JavaScript、HTML5 Canvas 和 Web Audio API 实现,不需要安装依赖,也不需要构建流程,打开 打砖块.html 就可以直接游玩。

这版做了中度减法:保留肉鸽协议、BOSS 和霓虹反馈,但把体验重新收束到「控板、控球、打砖」。留下来的每张协议卡、每个道具和每个主动能力都服务于明确目的:控球、清场、破钢/核心、容错或处理 BOSS 压力。

能量槽充满后,不再释放独立大招;下一次量子刺会自动升级为更宽、更高伤害的「霓虹刺」。

在菜单点击或按键开始游戏。 从 3 张起手协议中选择 1 张,确定本局方向。 进入关卡,用挡板控制小球击碎砖块和 BOSS。 接住掉落道具,积累能量,让下一次量子刺变成霓虹刺。 通关后从 3 张协议卡中选择 1 张永久强化。 推进 8 关,在生命耗尽前击败最终 BOSS。

普通关不再发射敌弹;BOSS 关保留弹幕压力。量子刺可以清理/反转路径上的敌弹。

协议卡分为 4 个类型:激光、多球、重击和支援。起手协议池只包含 4 张方向卡:电磁炮台、分裂核、核爆者、磁吸。之后的关间选择会根据已有卡牌过滤依赖卡,避免出现拿了但没有效果的协议。

道具现在必须被挡板接住才生效,错过会掉出画面。这样道具是一个移动决策,而不是自动奖励。

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

More breakout games →

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.

On VibeCruiser

How listing, the badge and claiming work →