vanilla-js-game-dev

Implement a vanilla JavaScript game loop using requestAnimationFrame to drive update and render functions independently of framerate. This approach ensures smooth gameplay by relying on standard browser APIs without external libraries.

Capture keyboard, mouse, touch, and gamepad input by attaching event listeners to standard DOM elements. This Skill provides portable, framework-free patterns to process comprehensive user interactions across various browser environments.

Choose HTML5 Canvas for rendering high-frequency dynamic graphics or DOM elements for flexible UI overlays. This Skill covers both rendering strategies to help you optimize browser performance based on your game's visual requirements.

No external libraries are needed to prototype a small arcade game. This Skill enables rapid development using pure JavaScript, HTML5 Canvas, and standard DOM APIs, allowing you to build directly in the browser without adding dependencies.

Vanilla JavaScript avoids the overhead of game frameworks by utilizing standard HTML5 Canvas and DOM APIs directly. This approach provides fine-grained control over rendering and game loop performance, which is ideal for lightweight, high-performance browser games.

Yes, you can implement collision detection and simple physics using standard DOM APIs and vanilla JavaScript. This Skill includes state management and basic 2D physics patterns suitable for browser-native games without relying on external physics engines.