Phaser logo Phaser logo background glow

Phaser

A JavaScript-based framework for developing 2D games with WebGL and Canvas rendering, physics engines, animations, and asset management

&

+Rendering SystemProvides rendering via both Canvas and WebGL to draw game graphics based on browser capability
+Game Loop StructureDefines phases for loading assets, initializing scenes, and updating frames to organize game logic
+Asset LoaderManages the loading of images, audio, and data files to prepare game resources before runtime
+Physics Engine IntegrationIntegrates physics modules like Arcade and Matter to handle collision detection and movement simulation
+Animation ManagerControls frame sequencing for game objects to update visual states during gameplay
+Tilemap HandlerLoads and renders tilemaps to construct game levels and grid-based environments
+Input SystemDetects input from keyboard, mouse, and touch devices to facilitate user interactions
+Audio ManagerIncorporates control over sound playback, supporting music and sound effects via web audio APIs
+Plugin SupportProvides an interface to add plugins that extend engine functionality without altering core modules
+Scene ManagementOrganizes game content into distinct scenes to separate game states and transitions
+Event SchedulerSupports timed events and callbacks to coordinate game actions and state changes
+Camera ControlManages camera properties such as movement, zoom, and panning to follow game objects during play
+Particle EffectsImplements modules to generate particle emitters that produce effects for in-scene visuals
+Bitmap Text RenderingSupports rendering of text using bitmap fonts to display score and game information
+Web Framework IntegrationInterfaces with integration modules for frameworks such as React and Vue to embed games in web applications
+Modular ArchitectureUses a modular design that allows selective inclusion of engine components based on project needs
+Data ManagementProvides support for tracking and storing game state data such as scores and progress
+Configuration SupportAccepts configuration objects to define game properties like dimensions and rendering modes during setup
-Scaling ChallengesThe engine is built for web-based projects and may not support projects with high object counts, which affects the scalability of larger game designs
-Toolchain Setup RequirementsUsing modern build processes or TypeScript requires manual configuration of the toolchain, which adds steps during the start of a project

Platform

Social

       

System Requirements

Not available, but we appreciate help! You can help us improve this page by contacting us.

Ratings

Not available, but we appreciate help! You can help us improve this page by contacting us.

Written in

JavaScript

Initial Release

12 April 2013

Alternatives

Game Engine
Construct   Unreal Engine   Open 3D Engine   GameMaker   Unity   Godot  
Game Creation System
Construct   Open 3D Engine   GameMaker   Roblox  

Notes

Sibling applications:

  • Phaser: An open-source 2D game framework using JavaScript and TypeScript along with HTML5 Canvas and WebGL for rendering. It features a physics system, animation systems, and asset management, allowing for cross-platform browser games.
  • Phaser Launcher: A desktop application designed to simplify Phaser project setup and management.
  • Phaser Editor: A commercial IDE specifically designed for Phaser development. It offers visual scene editing, asset management, code generation, and integrated debugging to streamline the development workflow.
  • Phaser Box2D: A plugin that integrates the Box2D physics engine with Phaser, providing more advanced physics simulation capabilities than Phaser’s built-in physics systems, ideal for games requiring realistic physics interactions.