game-engine

Build web-based games with HTML5 Canvas, WebGL, and JavaScript.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/Sanali209/pla_teplate --skill game-engine-sanali209
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-engine
Source: https://github.com/Sanali209/pla_teplate/tree/main/_blueprint/skills/game-engine
Command: npx skills add https://github.com/Sanali209/pla_teplate --skill game-engine-sanali209

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill solves the challenge of building web-based games and game engines from scratch by providing expert guidance, production-ready templates, and comprehensive reference documentation for HTML5 Canvas, WebGL, and JavaScript game development.

Core Features & Use Cases

  • Expert Game Development Guidance: Covers core concepts including game loops, physics simulation, collision detection, rendering pipelines, input handling, audio systems, and publishing strategies for both 2D and 3D web games.
  • Ready-to-Use Templates: Includes starter templates for popular game genres such as breakout-style paddle games, 2D maze games with device orientation, 2D platformers with Phaser, and simple 2D engine architectures.
  • Use Case: A developer building a browser-based platformer can follow the Phaser tutorial to implement physics-based movement, sprite animations, enemy AI, and coin collection mechanics without setting up the project structure from scratch.

Quick Start

Use the game-engine skill to build a complete 2D breakout game with paddle controls, ball physics, and brick collision using the provided paddle-game template.

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 with Phaser and HTML5 Canvas?

To build a 2D platformer, this skill provides Phaser templates to implement physics-based movement, sprite animations, enemy AI, and coin collection mechanics without setting up the project structure from scratch.

Can I use this for 3D web game development with WebGL?

Yes, you can build 3D web games using WebGL. This skill provides reference documentation and workflows for frameworks like Three.js, Babylon.js, and A-Frame alongside 2D HTML5 Canvas development.

What's the best way to implement collision detection and physics in a web game?

The best way to implement collision detection and physics is by following the provided expert guidance on physics simulation and rendering pipelines tailored for HTML5 Canvas and JavaScript game engines.

Does this skill include starter templates for simple arcade games like breakout?

Yes, this skill includes ready-to-use starter templates for breakout-style paddle games with paddle controls, ball physics, and brick collision, plus templates for 2D maze games and platformers.

How do I handle input and audio systems when building a JavaScript game engine?

You handle input and audio systems by following the comprehensive reference documentation included for core game development concepts, covering input handling, audio systems, and game loop implementation.

Are there templates for building multiplayer browser games with JavaScript?

Yes, templates and workflows are provided for multiplayer experiences. The skill covers both 2D and 3D game development scenarios including multiplayer browser-based games using JavaScript and WebGL.