◀ VibeCruiser

melon jelly knife

A free arcade game — play it in your browser, no install. HTML5 Canvas 切水果小游戏(类水果忍者 Fruit Ninja):单文件 index.html,零依赖零构建,纯 JS + WebAudio 离线可玩,支持手机触屏挥刀切西瓜果冻,附性能优化源码。

by @red-fire-99 · red-fire-99/melon-jelly-knife on GitHubLANG HTMLHOSTED ON RED-FIRE-99.GITHUB.IOUPDATED 30 Sep 2026

Vote and save it — continue with GitHub or sign in free

Made this, @red-fire-99? See how many people played it → or use email

▶ Play full screen ▲ Vote with GitHub ▲ Vote with email

GitHub asks to share your profile and email with us. We never post anything.

Open the live demo Source on GitHub

From the README

无需下载、无需安装,打开网页就能玩的切水果小游戏。 按住鼠标或手指拖动挥刀,切开抛起的西瓜、果冻与火龙果,别碰炸弹。 单个 index.html 文件,纯原生 JavaScript + Canvas 2D + WebAudio,零依赖、零构建、零后端、完全离线,手机和电脑都能玩。

适合人群:想玩切水果游戏的人、想找 HTML5 小游戏 demo 的前端学习者、需要一份可离线运行的 Canvas 示例代码的开发者。

然后双击 index.html 即可。游戏不使用 fetch / import,file:// 协议下也能完整运行。

打击感参数集中在源码顶部的 FEEL 对象,画质档位在 PERF 与 Q_LEVELS:

实测(约 7 个水果 + 8 个半块同屏,固定 L2 画质,统计每帧 Canvas 调用):

精灵路径把每帧的路径构建、渐变创建、裁剪全部降为 0,替换为约 30 次 drawImage。 逐帧路径的成本还会随同屏水果数线性增长(每个水果至少 2 次 arc,猕猴桃 / 柑橘再各加 40 / 34 次散点绘制)。

Read the full README on GitHub →

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

More like this

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 →