photonstorm/phaser
Phaser
Phaser is a cross-platform 2D web game engine and framework designed for creating interactive experiences that run on desktop and mobile web browsers. It serves as a GPU-accelerated rendering library and WebGL graphics engine for building two-dimensional games using HTML5 Canvas and WebGL.
The engine features a dual-backend rendering pipeline that allows developers to switch between rendering paths. It distinguishes itself through high-performance graphics capabilities, including GPU-driven sprite batching for large-scale image management, a dynamic lighting system with self-shadows, and the ability to integrate custom GLSL shaders directly on the graphics processor.
The framework covers a broad set of visual and structural capabilities, including optimized tilemap rendering, framebuffer capture for post-processing effects, and GPU-based noise generation. It also provides tools for color gradient rendering and object tinting across various blend modes.
A command line interface is available for project initialization and scaffolding using preconfigured templates.
Features
- Game Development - Provides a complete engine for building interactive 2D games targeting desktop and mobile web browsers.
- 2D Game Frameworks - Provides a specialized framework for 2D HTML5 game development with hardware-accelerated rendering.
- 2D Graphics Frameworks - Offers a comprehensive framework for rendering hardware-accelerated 2D visual elements on the web.
- Cross-Platform Engines - Acts as a cross-platform engine for deploying 2D web experiences across different browsers and devices.
- GPU-Accelerated Shaders - Integrates custom GLSL shaders for real-time visual effects and GPU-based noise generation.
- GPU-Accelerated UI Rendering - Leverages the GPU for high-performance rendering of sprites, lighting, and procedural noise.
- 2D Rendering Engines - Implements a hardware-accelerated engine specifically optimized for 2D web graphics and GLSL shaders.
- Visual Effect Shaders - Integrates custom GLSL shaders directly on the GPU to create advanced effects like blur, glow, and pixelation.
- Large-Scale Sprite Management - Efficiently renders massive quantities of images and complex animations using GPU-driven layers.
- Batch Renderers - Uses GPU-driven sprite batching to minimize draw calls and CPU-GPU data transfers.
- Visual Effects And Rendering - Utilizes custom shaders and noise generators for dynamic lighting and post-processing effects.
- Tilemap Optimizations - Optimizes tilemap rendering by collapsing layers into a single geometry object to eliminate seams.
- GPU Noise Generators - Includes a system for creating cellular or simplex noise on the GPU for lighting and visual effects.
- Lighting Systems - Includes a dynamic lighting system supporting height values and self-shadows.
- Custom Shader Programs - Allows the loading and execution of custom GLSL shader programs via pragma directives.
- Framebuffer Accessors - Allows snapshotting current render frames to a buffer for use in full-screen post-processing visual effects.
- Rendering Backends - Provides switchable rendering backends targeting either HTML5 Canvas or WebGL for hardware acceleration.
- Post-Processing Effects - Implements full-screen visual filters and layered effects via frame-capture post-processing.
- Tilemap Optimizations - Implements a specialized technique that renders large tilemap layers as single quads to eliminate seams and reduce draw calls.
- Tilemap Implementations - Implements optimized grid-based level rendering with seamless visuals for web environments.
- Game Engines - Feature-rich framework for desktop and mobile HTML5 games.
- Game Engines and Frameworks - 2D framework for HTML5 games.
- Game Frameworks - Fast 2D game framework for the web.
