I built a lightweight 2D Web Game Engine in Pure Vanilla JS (BeeEngine v2.8.4)

Description and use

BeeEngine is a lightweight 2D game engine built with pure JavaScript, featuring a visual inspector, state‑graph animator, audio mixer, and physics system, all without external dependencies.

Problem

Develop a clean, modular 2D game engine without heavy frameworks or complex build setups.

Outcome

BeeEngine delivers a lightweight, modular 2D game engine with zero external dependencies, featuring a visual inspector, state‑graph animation, robust audio mixer, and physics system, all built in pure Vanilla JavaScript.

Workflow

• Define project structure with core modules and sub‑packages
• Implement core loop and system coordinator in BeeEngine.js
• Add audio mixer with bus hierarchy and spatial panning
• Create visual debugger BeeLadybug for hitbox overlay
• Develop state‑graph animator BeeAnimator with priority, lock, and transition predicates
• Integrate input system supporting keyboard, mouse, touch, and virtual joysticks
• Build UI engine BeeUI with flex‑like layouts and nine‑slice rendering
• Test engine with visual demo in main.js

Evidence

Built with 100% pure Vanilla JS.

Source

Custom built-in visual inspector (BeeLadybug).

Source

State-Graph Animator, not just clips.

Source