game-engine

Create web-based games with HTML5 Canvas, WebGL, and Phaser.

1|Updated Dec 22, 2025
One-click install
npx skills add https://github.com/dhar174/langgraph_system_generator --skill game-engine
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-engine
Source: https://github.com/dhar174/langgraph_system_generator/tree/main/.github/skills/game-engine
Command: npx skills add https://github.com/dhar174/langgraph_system_generator --skill game-engine

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive toolkit and structured approach for developing web-based games, simplifying complex tasks like rendering, physics, and input handling.

Core Features & Use Cases

  • 2D/3D Game Development: Build games using HTML5 Canvas, WebGL, and JavaScript frameworks.
  • Physics & Collision: Implement realistic physics, collision detection, and response.
  • Input Handling: Support keyboard, mouse, touch, and gamepad controls.
  • Use Case: Create a 2D platformer game with physics-based character movement, collectible items, and interactive enemies using the provided Phaser framework examples and documentation.

Quick Start

Use the game-engine skill to create a basic 2D platformer game using Phaser.

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 using HTML5 Canvas and JavaScript?

You can build a 2D platformer game using HTML5 Canvas and JavaScript by leveraging the provided Phaser framework templates to handle physics, collision detection, and interactive character movement.

What is the best way to handle collision detection and physics in web game development?

For web game development, handling collision detection and physics is best achieved using JavaScript frameworks like Phaser, which provide built-in support for realistic physics simulation and collision response across 2D and 3D games.

Can I use WebGL for 3D game development alongside Phaser?

Yes, WebGL supports 3D game development alongside Phaser. This Skill facilitates creating 3D experiences using WebGL and JavaScript frameworks, covering rendering, input management, and asset handling.

Does this approach support touch and gamepad input management for mobile web games?

Yes, this approach supports touch and gamepad input management for mobile web games. It handles keyboard, mouse, touch, and gamepad controls to ensure versatile input across different devices.

What do I need to start developing a breakout game with HTML5 and Phaser?

To start developing a breakout game with HTML5 and Phaser, you need a basic JavaScript environment. This Skill provides references and templates covering asset handling and collision detection to build the game.