Skill UI

A comprehensive guide covering modern web game development principles. It details framework selection (Phaser, Three.js), implementing WebGPU, performance optimization strategies like asset compression and object pooling, adhering to browser constraints, and utilizing PWA capabilities for cross-platform gaming experiences.

This guide details how to implement physics simulation using Phaser 4's lightweight Arcade Physics engine. It enables features like top-down movement, gravity control, and collision detection (colliders) for building platformers and arcade-style games. It is essential for any game requiring dynamic movement or interaction between sprites and world boundaries.

This guide covers the fundamental architecture for building and debugging Phaser games. It details the Game configuration, the Scene lifecycle (init, preload, create, update), asset management, camera controls, and robust techniques for inter-scene communication and transitions. Use this when structuring any complex Phaser application.

This skill covers core principles for 2D game development, including sprite systems, atlases, tilemaps, physics engines, and camera controls. It addresses genre-specific patterns like platformers and top-down games. Suitable for frameworks like Phaser, Kaplay, Pixi, or Canvas. Also applies to guest viewports in hybrid web apps. Focuses on performance optimization, collision handling, and animation techniques to ensure clarity and smooth gameplay.

This skill guides developers in selecting the right game engine or framework based on platform, genre, and architecture. It covers comparisons between tools like Phaser, Unity, Godot, and Three.js, helping decide between full engines and hybrid DOM solutions for web and non-web projects.

This skill covers web browser game development, including framework selection (Phaser, Three.js, Babylon.js), hybrid DOM+canvas architectures, WebGPU adoption, performance optimization, PWA implementation, and audio handling. Use it for building HTML5/WebGL games or selecting browser runtimes.