• Introduction
• First steps
• Workbench
• Asset Pack Editor
• Scene Editor
• Code Editor
• Animations Editor
• Atlas Editor
• Miscellaneous

Welcome to the Phaser Editor documentation!

Phaser Editor is a powerful visual development tool for creating 2D games using the Phaser game engine. With its intuitive interface and extensive set of features, it allows developers of all skill levels to quickly and easily create high-quality games for desktop and mobile platforms. Whether you’re a beginner or an experienced developer, Phaser Editor provides everything you need to bring your game ideas to life.

Table of Contents

• Introduction
  • Distributions
    • Phaser Editor Core
    • Phaser Editor Desktop
  • Main features
  • Collaboration
  • Change Log
  • Author
• First steps
  • Download and install
    • Install Phaser Editor Core
    • Install Phaser Editor Desktop
  • Create your first project
  • Add an image to the scene
  • Marketplace
• Workbench
  • Views
  • Editors
  • Files view
  • Inspector view
  • Outline view
  • Blocks view
  • Main toolbar
  • Main menu
  • Window Layout
  • Playing the project
  • Projects
  • New File dialog
  • Upload dialog
  • Color themes
  • Command palette
• Asset Pack Editor
  • Create a new Asset Pack file
  • Asset Pack File
  • Editor content layout
  • Importing files
    • Importing using the Main toolbar
    • Importing from the Blocks view
    • Importing from the Files view
    • Importing JavaScript files
    • Setting the root folder for the asset files
  • Organizing the Asset Pack files
  • Outline view integration
  • Inspector view integration
• Scene Editor
  • Create a new Scene file
  • Adding an object to the scene
    • Blocks view integration
    • Add built-in object from context menu
    • Automatic parenting of new objects
  • Inspector view
  • Game Object types
    • Common object properties
      • Variable properties
      • Lists properties
      • Parent properties
      • Children properties
      • Transform properties
      • Origin properties
      • Size properties
      • Flip properties
      • Visible property
      • Alpha properties
      • Alpha single property
      • Tint properties
      • Texture property
      • Animation properties
      • Text property
    • Image
    • Sprite
    • TileSprite
    • NineSlice
    • Text
    • BitmapText
    • Tilemap
    • TilemapLayer
    • Shape
      • Rectangle
      • Ellipse
      • Triangle
      • Polygon
    • Container
    • Layer
    • SpineGameObject
    • Replacing the type of an object
  • Scene properties
    • Snapping properties
    • Border properties
    • Display properties
  • Arcade Physics
    • Creating Arcade Image and Sprite objects
    • Enabling the Arcade physics on a game object
    • Arcade physics body properties
    • Arcade physics collider
  • Sprite animations
    • Sprite animation preview
    • Aseprite support
  • Spine animations
    • Installing the Spine plugin in your game
    • Loading the Spine assets
    • Spine assets preview
    • Creating a SpineGameObject
    • SpineGameObject properties
      • SpineGameObject preview
      • Bounds provider properties
      • Animations properties
    • SpineGameObject user properties
  • Shader Effects
    • Adding an effect to a game object
    • Game Object properties
    • An effect as a scene object
    • Effect properties
    • Glow FX
    • Shadow FX
    • Pixelate FX
    • Vignette FX
    • Shine FX
    • Blur FX
    • Gradient FX
    • Bloom FX
    • Circle FX
    • Barrel FX
    • Displacement FX
    • Wipe FX
    • Bokeh FX
    • ColorMatrix FX
  • Working with parent objects
  • Object List
  • Input
    • Keyboard Key object
    • Hit Area
      • Rectangle Hit Area
      • Ellipse Hit Area
      • Circle Hit Area
      • Polygon Hit Area
      • Pixel Perfect Hit Area
  • Prefabs
    • Creating a prefab file
    • The prefab object
    • Prefab user properties
      • Creating a prefab user property
      • Simple property type
      • Option property type
      • Color property type
      • Expression property type
      • Object Variable property type
      • Object Constructor property type
      • Event property type
      • Key Code property type
      • Texture Config property type
      • Asset Key property type
      • Animation Key property type
      • Audio Key property type
      • Scene Key property type
      • Spine Skin Name property type
      • Spine Animation Name property type
      • Initializing other properties
      • User properties in a prefab instance
    • Creating a prefab instance
    • Prefab instance display properties
    • Prefab code generation
    • Changing a property of a prefab instance
    • Prefab variants
    • Nested prefabs
    • Adding children to a prefab instance
    • Using a prefab as a black box
  • Script Nodes
    • Script Nodes vs User Components
    • Script Nodes libraries
    • Creating a Script Node
    • The ScriptNode class
    • The Core scripts project
    • Making a ScriptNode prefab
    • ScriptNode’s properties
  • User Components
    • Create a new User Components file
    • User Components Editor
      • Add new component
      • Edit the component info
      • Edit the component code
    • The User Components compiler
    • Implementing behaviors with the Phaser events
    • A base class for your components
    • The awake event
    • Adding User Components to a Game Object
    • Adding User Components to a Prefab
  • Manipulation tools
    • Translate tool
    • Scale tool
    • Rotate tool
    • Origin tool
    • Slice tool
    • Resize tool
    • Polygon tool
    • Arcade Physics Body tool
    • Hit Area tool
    • Pan tool
    • Select Region tool
  • Layout tools
    • Align layout tools
    • Align To Border layout tools
    • Origin layout tools
    • Grid layout tools
  • The scene compiler
    • Executing the compiler
    • User code
    • Compiler settings
    • Scene settings
  • Miscellaneous
    • Preview active scene
    • Enabling pixel art rendering
    • Numeric input field
  • Troubleshooting
• Code Editor
  • Visual Studio Code compatibility
• Animations Editor
  • Create a new Animations file
  • Adding animations to the file
  • Automatic creation of the animations
  • Editing the properties of the animations
  • Adding and deleting frames
  • Compiling animation key constants
• Atlas Editor
• Miscellaneous
  • Project configuration
  • Server options
  • Resources caching
  • Resources filtering
  • Local preferences
  • Content viewers
  • Updating the editor
  • Plugins