game-engine

Builds web-based games and game engines using HTML5 Canvas, WebGL, and JavaScript.

1|1|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/ultraviollettnympho/transit-ticket --skill game-engine-ultraviollettnympho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-engine
Source: https://github.com/ultraviollettnympho/transit-ticket/tree/main/.github/skills/game-engine
Command: npx skills add https://github.com/ultraviollettnympho/transit-ticket --skill game-engine-ultraviollettnympho

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? Building a web game from scratch requires coordinating game loops, physics, collision detection, input handling, audio, and rendering across many APIs and frameworks, which is difficult to assemble correctly without structured guidance. ## Core Features & Use Cases - Game Engine Fundamentals: Implements game loops with requestAnimationFrame, delta-time updates, 2D/3D rendering via Canvas and WebGL, and physics with gravity and collision response. - Framework Guidance: Covers Phaser, Three.js, Babylon.js, A-Frame, and PlayCanvas with starter templates for platformers, maze games, and Breakout-style games. - Reference Documentation: Provides in-depth material on GLSL shaders, collision algorithms (AABB, SAT, bounding spheres), vector math, WebXR, controls, audio, and game publishing. - Use Case: Ask for a 2D platformer and receive a complete Phaser project with keyboard controls, jumping physics, collectible coins, enemies, a scoreboard, and JSON-driven levels. ## Quick Start Use the game-engine skill to create a 2D platformer game in JavaScript with Phaser, including player movement, jumping, coins, and enemies.

Frequently Asked Questions about game-engine

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a 2D platformer game with JavaScript?

Use the Phaser framework with Arcade Physics: set up a game loop with preload, create, and update states, enable gravity, add keyboard controls for movement and jumping, and load levels from JSON data. The included platformer template walks through every step.

What JavaScript framework should I use for 3D web games?

Three.js offers a high-level WebGL API with a large ecosystem, Babylon.js includes built-in physics and a math library, and A-Frame provides declarative HTML-based scenes ideal for VR. Choose based on whether you need control, built-in features, or rapid prototyping.

How does collision detection work in 2D games?

2D collision detection typically uses AABB overlap tests, circle distance checks, or the Separating Axis Theorem for rotated shapes. Physics engines resolve collisions by computing penetration vectors and applying impulse-based responses along the collision normal.

Why does my game run at different speeds on different devices?

Movement tied directly to frame updates varies with frame rate. Multiply velocity by deltaTime (elapsed seconds since the last frame) so position updates are frame-rate independent and consistent across devices.

Can web games work on mobile devices with touch controls?

Yes, web games support touch events, virtual joysticks, the Device Orientation API for tilt controls, and the Gamepad API for controllers. Prevent default touch behavior and handle touch events separately from mouse events for reliable input.

Why does audio not play in my web game?

Browsers block audio playback until the user interacts with the page. Trigger sound playback from a click or keypress handler, and provide multiple audio formats such as OGG, MP3, and M4A for cross-browser compatibility.