I Built a Full Game IDE in a Browser Tab and My CPU Barely Complained

Description and use

Limn Studio is a browser‑based 2D game IDE that runs in a single HTML file, featuring a custom code editor, epic.js engine, and Supabase sync, enabling smooth development without heavy tooling.

Problem

Developers wanted a lightweight, dependency-free browser-based game IDE that could run, build, and publish 2D games without npm, webpack, or heavy tooling.

Outcome

Limn Studio enables rapid, dependency‑free game development in the browser, achieving smooth performance even on low‑end CPUs, while providing cloud sync, sharing, and community features.

Workflow

• 1. Open Limn Studio in a browser; no installation required.
• 2. Use the built-in code editor (textarea over pre) for syntax highlighting and bracket analysis.
• 3. Write or import game code; use the console REPL to debug via iframe.eval().
• 4. Build the game using the Build tab templates or custom code.
• 5. Run the game in the embedded canvas; animations are frame‑rate independent via update(dt).
• 6. Save or sync to Supabase; share to Arcade or generate a private link.
• 7. View player pages, leaderboards, inbox, and settings for profile and stats.

Evidence

Limn Studio's editor is one HTML file. No framework. No build step.

Source

The console has color‑coded log levels, a real REPL, and message batching so that a game logging 60 times a second doesn’t turn your browser tab into a space heater.

Source