game-engine

Overview

A comprehensive web game development skill for GitHub Copilot that covers building game engines and games using HTML5 Canvas, WebGL, and JavaScript. It includes starter templates, reference documentation, and step-by-step workflows for both 2D and 3D game development with frameworks like Phaser, Three.js, Babylon.js, and A-Frame.

Key Features

• Complete game loop architecture: Teaches the fundamental input-update-render cycle using requestAnimationFrame, covering keyboard, mouse, touch, and gamepad controls with proper delta-time calculations for consistent game speed.
• Multi-renderer support: Covers Canvas 2D for sprite-based rendering and tilemaps, WebGL for hardware-accelerated 3D, SVG for vector graphics, and CSS for DOM-based game elements — each with appropriate use cases.
• Physics and collision detection: Includes AABB, circle, and SAT-based 2D collision, bounding box/sphere and raycasting for 3D, plus basic Newtonian physics for velocity, acceleration, and gravity in platformers.
• Starter templates and frameworks: Provides five ready-to-use templates (Breakout-style paddle game, maze game, platformer, game base repository, simple 2D engine) and covers integration with Phaser, Three.js, Babylon.js, and A-Frame.
• Publishing and optimization: Guides asset optimization (image compression, code minification), cross-browser testing, distribution to web and app stores, audio integration via Web Audio API, and multiplayer via WebRTC/WebSockets.

Who is this for?

This skill is ideal for web developers who want to build browser-based games using standard web technologies. Whether you are prototyping a 2D platformer, creating a 3D WebGL experience, learning game development fundamentals, or building a complete game engine from scratch, this skill provides the architectural patterns, templates, and troubleshooting guidance needed for the entire development lifecycle.