Free Suika-Style Planet Merge Game — Single HTML File (Cosmic Merge 2D)
Cosmic Merge 2D: a Suika-style space physics game in one HTML file — drop planets, merge matching pairs up a 10-tier chain from Meteor to Supernova. Zero dependencies, synthesized audio, mobile-ready.
What it is
The physics is the star of the show: mass-weighted elastic circle collisions resolved over five solver iterations per frame, which is what makes tall wobbling stacks settle believably instead of jittering. Pile past the dashed danger line for too long and the run ends. Merges throw radial particle bursts, every action has an oscillator-synthesized sound (no audio files anywhere), a twinkling starfield runs behind the board, and your best score persists in localStorage.
There is no engine, no sprite sheet and no build step — view-source shows you the entire game: the tier table, the collision solver, the renderer. That makes it as good a learning artifact as it is a coffee-break game.
Cosmic Merge 2D vs the usual way
Suika-style merge games are usually mobile apps with ads or web builds on a game engine. This is 494 lines of readable source you own.
| Feature | Cosmic Merge 2D (single file) | Typical engine-based equivalent |
|---|---|---|
| Files to deploy | 1 HTML file | Framework bundle + assets + build output |
| External dependencies | 0 | Game engine (Phaser/Unity/…) + toolchain |
| Art & audio assets | None — Canvas drawing + synthesized sound | Sprite sheets, audio files |
| Mobile touch support | ✓ built in | Varies |
| Embed with an iframe | ✓ anywhere | Usually |
| Readable, remixable source | ✓ ~494 lines, MIT | Minified bundles |
Server requirements & dependencies
- Any modern browser — desktop or mobile. Nothing else.
- No build step, no server, no game engine, no external libraries.
- No image or audio assets: every sound is synthesized live with the Web Audio API.
- Embeds anywhere with a plain <iframe>.
How to install
2. Double-click index.html, or upload it to any static host (shared hosting, GitHub Pages, Netlify, an S3 bucket… anything that serves a file).
3. To embed it in an existing site: <iframe src="/games/index.html" width="860" height="620"></iframe>. That's the whole deployment story.
The prompt — build it yourself
Paste this into Gemini and you'll get this product. This is the actual spec that produced the code above.
Tek bir HTML dosyası içinde, hiçbir harici kütüphane veya görsel/ses dosyası kullanmadan çalışan 'Cosmic Merge 2D' adında Suika tarzı bir uzay fizik oyunu yaz. 2D yerçekimi, kütle oranlı elastik çember çarpışma çözümü (5 iterasyonlu), 10 kademeli gezegen evrim sistemi, parçacık patlamaları, Web Audio API ile sentezlenmiş ses efektleri, tehlike sınırı sayacı ve localStorage rekor kaydı içersin. Mobil dokunmatik ve masaüstü fare uyumlu olsun.
Verified before publishing: every file read line-by-line, UI strings localized to English for this showcase, and each game deployed and played on the live demo. The five-iteration collision solver is genuinely in there and stacks behave like Suika stacks.
Reviews
Used Free Suika-Style Planet Merge Game — Single HTML File (Cosmic Merge 2D)? A star rating takes two seconds and helps others.
More builds
License: MIT — free for personal and commercial use, no warranty. Software is provided as is; review the code before running it in production (it's short enough to actually read).