False
        

Triggered text Ignored text Blocked text

    Skip to content

      Navigation Menu

            Sign in Appearance settings
                * Platform
                        + AI CODE CREATION
                            o GitHub Copilot Write better code with AI
                            o GitHub Copilot app Direct agents from issue to merge
                            o MCP Registry Integrate external tools
                        + DEVELOPER WORKFLOWS
                            o Actions Automate any workflow
                            o Codespaces Instant dev environments
                            o Issues Plan and track work
                            o Code Review Manage code changes
                            o Code Quality Enforce quality at merge
                        + APPLICATION SECURITY
                            o GitHub Advanced Security Find and fix vulnerabilities
                            o Code security Secure your code as you build
                            o Secret protection Stop leaks before they start
                        + EXPLORE
                            o Why GitHub
                            o Documentation
                            o Blog
                            o Changelog
                            o Marketplace
                      View all features
                * Solutions
                        + BY COMPANY SIZE
                            o Enterprises
                            o Small and medium teams
                            o Startups
                            o Nonprofits
                        + BY USE CASE
                            o App Modernization
                            o DevSecOps
                            o DevOps
                            o CI/CD
                            o View all use cases
                        + BY INDUSTRY
                            o Healthcare
                            o Financial services
                            o Manufacturing
                            o Government
                            o View all industries
                      View all solutions
                * Resources
                        + EXPLORE BY TOPIC
                            o AI
                            o Software Development
                            o DevOps
                            o Security
                            o View all topics
                        + EXPLORE BY TYPE
                            o Customer stories
                            o Events & webinars
                            o Ebooks & reports
                            o Business insights
                            o GitHub Skills
                        + SUPPORT & SERVICES
                            o Documentation
                            o Customer support
                            o Community forum
                            o Trust center
                            o Partners
                      View all resources
                * Open Source
                        + COMMUNITY
                            o GitHub Sponsors Fund open source developers
                        + PROGRAMS
                            o Security Lab
                            o Maintainer Community
                            o Accelerator
                            o GitHub Stars
                            o Archive Program
                        + REPOSITORIES
                            o Topics
                            o Trending
                            o Collections
                * Enterprise
                        + ENTERPRISE SOLUTIONS
                            o Enterprise platform AI-powered developer platform
                        + AVAILABLE ADD-ONS
                            o GitHub Advanced Security Enterprise-grade security features
                            o Copilot for Business Enterprise-grade AI features
                            o Premium Support Enterprise-grade 24/7 support
              * Pricing
                Type / to search
                Sign in
              Sign up Appearance settings
      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

              Uh oh!

              There was an error while loading. Please reload this page.

              phaserjs / phaser Public
              * Notifications You must be signed in to change notification settings
              * Fork 7.2k
                * Star 40.1k
          * Code
          * Issues 105
          * Pull requests 22
          * Discussions
          * Actions
          * Security and quality 0
          * Insights
          Additional navigation options
                  * Code
                  * Issues
                  * Pull requests
                  * Discussions
                  * Actions
                  * Security and quality
                  * Insights
                                              master
                                          Branches Tags
                                            Go to file
                                        Code
                                          Open more actions menu

                                        Folders and files

                                          Name                       Name                         Last commit message    Last commit date
                                            Latest commit          
                                                                   
                                                History            
                                                                   
                                                20,969 Commits     
                                                  20,969 Commits   
                                                  .github                    .github                                                     
                                                  changelog                  changelog                                                   
                                                  config                     config                                                      
                                                  dist                       dist                                                        
                                                  docs                       docs                                                        
                                                  scripts                    scripts                                                     
                                                  skills                     skills                                                      
                                                  src                        src                                                         
                                                  tests                      tests                                                       
                                                  types                      types                                                       
                                                  .editorconfig              .editorconfig                                               
                                                  .eslintignore              .eslintignore                                               
                                                  .eslintrc.json             .eslintrc.json                                              
                                                  .gitattributes             .gitattributes                                              
                                                  .gitignore                 .gitignore                                                  
                                                  .npmignore                 .npmignore                                                  
                                                  .nvmrc                     .nvmrc                                                      
                                                  .travis.yml                .travis.yml                                                 
                                                  CHANGELOG.md               CHANGELOG.md                                                
                                                  CITATION.cff               CITATION.cff                                                
                                                  LICENSE.md                 LICENSE.md                                                  
                                                  README.md                  README.md                                                   
                                                  package-lock.json          package-lock.json                                           
                                                  package.json               package.json                                                
                                                  vitest.config.js           vitest.config.js                                            
                                            View all files         
                                          

                                              Repository files navigation

                                                * 
                                                * README
                                                * Code of conduct
                                                * Contributing
                                                * MIT license
                                                More items

                                                Phaser - HTML5 Game Framework

                                              Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers and has been actively developed for over 13 years.

                                              Games can be built for the web, or as YouTube Playables, Discord Activities, Reddit games, Twitch Overlays or compiled to iOS, Android, Steam and native apps using 3rd party tools. You can use JavaScript or TypeScript for development. Phaser supports over 40 different front-end frameworks including React and Vue.

                                              Phaser is commercially developed and maintained by Phaser Studio Inc along with our fantastic open source community. As a result of rapid support, and a developer friendly API, Phaser is currently one of the most starred game frameworks on GitHub.

                                              Interested in learning more? Click the image below to watch our intro video.

                                                Installing Phaser from NPM

                                              Install via npm:

                                                npm install phaser

                                              Then import it in your project:

                                                import Phaser from 'phaser';

                                                Using Phaser from a CDN

                                              Phaser is on jsDelivr which is a "super-fast CDN for developers". Include either of the following in your html:

                                                <script src="//cdn.jsdelivr.net/npm/phaser@4.2.1/dist/phaser.js"></script>
                                                <script src="//cdn.jsdelivr.net/npm/phaser@4.2.1/dist/phaser.min.js"></script>

                                              It is also available from Cloudflare's cdnjs:

                                                <script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/4.2.1/phaser.js"></script>
                                                <script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/4.2.1/phaser.min.js"></script>

                                                Create Phaser Game App

                                              The easiest way to get started quickly with Phaser is our create-phaser-game app. This CLI tool presents an interactive selection of official project templates and demo games. Issue the command, answer some questions and the app will download and configure the right package for you.

                                                npm create @phaserjs/game@latest
                                                npx @phaserjs/create-game@latest
                                                yarn create @phaserjs/game
                                                pnpm create @phaserjs/game@latest
                                                bun create @phaserjs/game@latest

                                              We support Vue.js, React, Angular, Next.js, SolidJS, Svelte and Remix with Vite, Rollup, Parcel, Webpack, ESBuild, Import Map and Bun. Most come in both JavaScript and TypeScript versions.

                                              View the create game app tutorial.

                                                How Big is Phaser?

                                              Don't be alarmed if you look at phaser.js and see a file over 8 MB. Over 84% of that is inline documentation - JSDoc comments, type annotations, and detailed method descriptions that power the TypeScript definitions and API docs. It's there for your IDE, not for your players.

                                              The minified build, phaser.min.js, strips all of that out and comes in at 345 KB with standard gzip web server compression. This is the full version, with every feature included, but is still smaller than most texture images. You can reduce it further still by tweaking the build settings to exclude features your game doesn't need.

                                              Build                  Raw Size  Compressed (gzip)
                                              phaser.js (with docs)  8.23 MB   -                
                                              phaser.min.js (full)   1.29 MB   345 KB           
                                              phaser-arcade.min.js   1.18 MB   313 KB           
                                              

                                                Why Phaser?

                                                * Battle-tested - Over a decade of active development. Tens of thousands of games shipped. A huge community of developers who've seen it all.
                                                * Truly cross-platform - One codebase runs on desktop browsers, mobile browsers, and can be wrapped for native app stores, Steam, YouTube Playables, Discord Activities, and more.
                                                * Developer-friendly API - Scene-based architecture, a comprehensive loader, built-in physics (Arcade and Matter.js), animation system, input handling, cameras, tilemaps, particles, tweens, and much more - all with clear, consistent APIs.
                                                * Framework agnostic - Works with React, Vue, Angular, Svelte, or plain JavaScript and TypeScript. Use whatever tools you prefer.
                                                * Massive ecosystem - Over 2,000 code examples. Extensive API documentation. Active Discord and forums. First-class TypeScript definitions.
                                                * AI-ready - Phaser's API is well understood by every major frontier LLM. This repository includes a comprehensive set of AI agent skills that give coding agents deep knowledge of every Phaser subsystem, making it the ideal framework for AI-assisted game development.

                                                What's New in Phaser 4

                                              Phaser 4 is a major release built on a brand-new WebGL renderer. The entire rendering pipeline from v3 has been replaced with a modern, node-based architecture that manages WebGL state properly, handles context loss gracefully, and is significantly faster. If you've built games with Phaser 3, the public API is mostly familiar - but under the hood, everything has changed for the better.

                                              Here are the headline features. For the full picture, see the v4.0 Changelog and Migration Guide.

                                                New Render Node Architecture

                                              The v3 pipeline system has been replaced with a clean, node-based renderer. Each render node handles a single task, WebGL state is fully managed, and context restoration is built in. The result is a renderer that's faster, more reliable, and much easier to extend with custom rendering logic. Quads now use index buffers, reducing vertex upload costs by a third. Multi-texture batching is smarter, avoiding unnecessary batch breaks on mobile. And the whole system uses just-in-time rendering - nothing hits the GPU until it absolutely has to.

                                                Unified Filter System

                                              FX and Masks from v3 have been unified into a single, powerful Filter system. Filters can be applied to any game object or camera - no more restrictions on which objects support effects. Every filter takes an input image and produces an output, usually via a single shader, so they're all mutually compatible.

                                              v4 ships with a huge library of built-in filters: Blur, Glow, Shadow, Pixelate, ColorMatrix, Bloom, Vignette, Wipe, and many more. New additions include ImageLight for realistic image-based lighting, Blocky for pixel-art-friendly pixelation, GradientMap for palette-swap effects, Quantize for retro dithered palettes, Key for chroma keying, NormalTools for normal map manipulation, and Blend which brings all 27 Canvas blend modes to WebGL.

                                              Masks are now a filter too, more powerful than ever. A Container full of filtered, masked objects can itself be used as a mask source.

                                                SpriteGPULayer - Render a Million Sprites

                                              SpriteGPULayer is a new game object designed to render massive numbers of sprites. Where standard Phaser rendering handles tens of thousands of sprites comfortably, SpriteGPULayer handles a million or more, up to 100x faster.

                                              It works by storing all member data in a static GPU buffer and rendering everything in a single draw call, skipping the per-frame CPU-to-GPU upload that's normally the main bottleneck. Members aren't just static, either - each one supports GPU-driven animations on position, rotation, scale, alpha, tint, and frame, with a full set of easing functions. Per-member scroll factors enable parallax backgrounds, and non-looping mode supports one-off particle effects. It's perfect for bringing complex, animated backgrounds to life without touching your frame budget.

                                                TilemapGPULayer - Render Millions of Tiles

                                              TilemapGPULayer renders an entire tilemap layer as a single quad. The shader cost is per-pixel, not per-tile, so it can display up to 4096 x 4096 tiles with no performance penalty for tile count. It also produces perfect texture filtering across tile boundaries - no seams, no bleeding. If you need large maps on screen at once, especially on mobile, this is the way to go.

                                                Overhauled Tint System

                                              Tint has been reworked with color and mode as separate concerns. Six tint modes are available: MULTIPLY, FILL, ADD, SCREEN, OVERLAY, and HARD_LIGHT. The new setTintMode() method gives you explicit control, and BitmapText tinting finally works correctly.

                                                New Game Objects

                                                * Gradient - Render linear, radial, conic, and bilinear color gradients with dithering support, powered by the new ColorBand and ColorRamp classes.
                                                * Noise, NoiseCell (2D/3D/4D), NoiseSimplex (2D/3D) - Generate and animate cellular noise, simplex noise, and random static on the GPU, with normal map output for use in lighting and effects.
                                                * CaptureFrame - Snapshot the current framebuffer mid-render for post-processing tricks.
                                                * Stamp - Render a camera-independent quad, useful for DynamicTexture operations.

                                                Improved Lighting

                                              Lighting is now as simple as sprite.setLighting(true) - no pipeline juggling required. Objects can cast self-shadows based on their own texture, lights have an explicit z height value, and lighting works across most game objects including BitmapText, Particles, TileSprite, and both tilemap layer types.

                                                Shader and TileSprite Improvements

                                              The Shader game object has been rewritten with a cleaner config-based API (ShaderQuadConfig), and GLSL loading now uses standard #pragma directives that work with syntax checkers. TileSprite has been rebuilt with a new shader that supports texture atlas frames and tile rotation - no more whole-texture-only limitation.

                                                AI-Assisted Game Development

                                              Phaser has been part of the training data for every major frontier LLM. Models from Anthropic, OpenAI, Google, and others understand the Phaser API deeply and can generate game code, debug rendering issues, set up physics, and build scene structures out of the box. Tools like Claude Code, Cursor, Codex, Antigravity, and GitHub Copilot can scaffold entire Phaser games and implement features from natural language descriptions.

                                                AI Agent Skills

                                              This repository includes a comprehensive set of AI agent skills covering every major Phaser subsystem - scenes, physics, input, animations, tilemaps, tweens, particles, cameras, and much more. Point your AI coding agent at the skills/ folder and it will understand Phaser 4's architecture, APIs, patterns, and gotchas in depth. Tell it to create a game and it will know the right way to structure scenes, load assets, set up physics, and handle input - all using idiomatic Phaser 4 code.

                                                Phaser TypeScript Definitions

                                              Full TypeScript definitions can be found inside the types folder. They are also referenced in the types entry in package.json, meaning modern editors such as VSCode will detect them automatically.

                                              Depending on your project, you may need to add the following to your tsconfig.json file:

                                                "lib": [ " es6 " ,  " dom " ,  " dom.iterable " ,  " scripthost " ],
                                                "typeRoots": [ " ./node_modules/phaser/types " ],
                                                "types": [ " Phaser " ]

                                                API Documentation

                                              Read our full API Documentation at https://docs.phaser.io/. Use the links at the top of the page to navigate the namespaces, classes, events and Game Objects and also to use the search box.

                                              We maintain documentation for the most recent versions of Phaser on this site.

                                                Getting Started

                                              We recommend the following to begin your journey:

                                                * Getting Started with Phaser (useful if you are completely new to Phaser)
                                                * Making your first Phaser Game
                                                * Download our Free 500 page book Phaser by Example.
                                                * Plus, there are over 700 Phaser tutorials listed on our website.

                                              New tutorials are being published every week, so check our site for more.

                                                Source Code Examples

                                              We have created hundreds of examples and they are all available with full source code and assets.

                                              Browse our Phaser Examples site.

                                                Phaser Sandbox

                                              The Phaser Sandbox is a fully-configured online editor, fully updated for Phaser 4, ready to go direct in your desktop browser. It's loaded with the latest version of Phaser and packed full of handy features. Register for a free Phaser account to create and save your own sandbox entries. Or view one just like this.

                                                Phaser Plugins

                                              Super community member RexRainbow has been publishing Phaser content for years, compiling an impressive catalogue of plugins that all Phaser developers should be aware of.

                                              You'll find Phaser Plugins that extend the framework with features such as UI controls, text input boxes, Firebase support, Finite State Machines and lots more. His set of Phaser Notes are also invaluable reading.

                                                Migrating from Phaser 3

                                              Phaser 4 keeps most of the public API you know, but there are important breaking changes - the renderer, tint system, FX/Masks, Shader API, lighting, and several removed classes (Point, Mesh, BitmapMask) all need attention. We've written a detailed Migration Guide with a checklist to walk you through it.

                                              We've also included a dedicated v3 to v4 migration skill in this repository. Point your AI coding agent at it and tell it to migrate your Phaser 3 game - it understands every breaking change and knows the exact v4 replacements.

                                                Change Log

                                              We meticulously keep track of new features, updates and bug fixes in our change logs. Each version of Phaser has its own change log:

                                                * v4.2.1 Change Log
                                                * v4.2.0 Change Log
                                                * v4.1.0 Change Log
                                                * v4.0.0 Change Log
                                                * All Phaser Change Logs

                                                Have fun!

                                              Grab the source and join the fun!

                                              Phaser wouldn't have been possible without the fantastic support of the community. Thank you to everyone who supports our work, who shares our belief in the future of HTML5 gaming, and Phaser's role in that.

                                              Happy coding everyone!

                                              Cheers,

                                              Rich and the whole team at Phaser Studio

                                              Visit the Phaser website
                                              Play some amazing games
                                              Learn By browsing our API Docs or Support Forum
                                              AI Skills Point your AI agent at our Phaser Skills for deep framework knowledge
                                              Code Examples? We've over 2000 Examples to learn from
                                              Read the weekly Phaser World Newsletter
                                              Be Social: Join us on Discord and Reddit or follow us on Twitter

                                              Powered by coffee, anime, pixels and love.

                                              The Phaser logo and characters are © 2011 - 2026 Phaser Studio Inc.

                                              All rights reserved.

                                              "Above all, video games are meant to be just one thing: fun. Fun for everyone." - Satoru Iwata

                                        About

                                        Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

                                          phaser.io

                                        Topics

                                          canvasdiscord-activitiesfacebook-instant-gamesgame-developmentgame-frameworksgamedevhtml5-game-developmentjavascriptphaserphaser-developmentphaserjswebglyoutube-playables

                                        Resources

                                          Readme
                                          MIT license

                                        Code of conduct

                                          Code of conduct

                                        Contributing

                                          Contributing
                                          Cite this repository
                                          Activity
                                          Custom properties

                                        Stars

                                          40.1k stars

                                        Watchers

                                          1.2k watching

                                        Forks

                                          7.2k forks
                                          Report repository

                                        Releases

                                        Packages

                                        Used by

                                        Contributors

                                        Languages

    Footer

        © 2026 GitHub, Inc.

      Footer navigation

        * Terms
        * Privacy
        * Security
        * Status
        * Community
        * Docs
        * Contact
        * Manage cookies
        * Do not share my personal information
      You can’t perform that action at this time.