For details about the in-development 3.60 release, please see the CHANGELOG-v3.60.md file instead.
- Fixed an issue in
FillPathWebGL,IsoBoxWebGLRendererandIsoTriangleWebGLRendererfunctions which caused the filled versions of most Shape Game Objects to pick-up the texture of the previous object on the display list. Fix #5720 (thanks @samme)
- The
GameObject.destroymethod has a newfromSceneparameter, set automatically by Phaser. Fix #5716 (thanks @rexrainbow) - The Game Object
DESTROYevent is now set the newfromSceneboolean as the 2nd parameter, allowing you to determine what invoked the event (either user code or a Scene change). Fix #5716 (thanks @rexrainbow)
- Fixed an issue with the TypeScript defs not recognising the Game Object Config properly. Fix #5713 (thanks @vforsh)
- Fixed an issue in the
FillPathWebGLfunction which caused the filled versions of the Arc, Circle, Ellipse, Polygon and Star Shapes to not render. Fix #5712 (thanks @rexrainbow) - Fixed rendering parameters in
IsoBoxandIsoTriangleGame Objects that stopped them from rendering correctly. - Added the missing
WebGLPipelineUniformsConfigtype def. Fix #5718 (thanks @PhaserEditor2D)
GameObjects.DOMElement.pointerEventsis a new property that allows you to set thepointerEventsattribute on the DOM Element CSS. This isautoby default and should not be changed unless you know what you're doing.Core.Config.domPointerEventsis a new config property set viadom: { pointerEvents }within the Game Config that allows you to set thepointerEventscss attribute on the DOM Element container.- The
RenderTexture.endDrawmethod has a new optional booleanerasewhich allows you to draw all objects in the batch using a blend mode of ERASE. This has the effect of erasing any filled pixels in the objects being drawn. - All of the methods from the
GraphicsPipelinehave now been merged with theMultiPipeline, these includebatchFillRect,batchFillTriangle,batchStrokeTriangle,batchFillPath,batchStrokePathandbatchLine. The Graphics Game Object and all of the Shape Game Objects have been updated to use the new Multi Pipeline. This means that drawing Sprites and Graphics / Shapes will all batch together again. Fix #5553 #5500 (thanks @venarius @roberthook823)
- The types have been improved for WebGL Compressed Textures (thanks @vforsh)
Container.moveAboveis a new method that will move a Game Object above another in the same Container (thanks @rexrainbow)Container.moveBelowis a new method that will move a Game Object below another in the same Container (thanks @rexrainbow)List.moveAboveis a new method that will move a Game Object above another in the same List (thanks @rexrainbow)List.moveBelowis a new method that will move a Game Object below another in the same List (thanks @rexrainbow)- The
MeasureTextfunction, as used by Text Game Objects, has had its performance enhanced by removing a duplicate image data check and also now checks for metrics properties correctly (thanks @valadaptive) WebGLShader.setUniform1has a new optional boolean parameterskipCheckwhich will force the function to set the values without checking against the previously held ones.WebGLShader.setUniform2has a new optional boolean parameterskipCheckwhich will force the function to set the values without checking against the previously held ones.WebGLShader.setUniform3has a new optional boolean parameterskipCheckwhich will force the function to set the values without checking against the previously held ones.WebGLShader.setUniform4has a new optional boolean parameterskipCheckwhich will force the function to set the values without checking against the previously held ones.- The
WebGLShader.set1fv,set2fv,set3fv,set4fv,set1iv,set2iv,set3iv,set4iv,setMatrix2fv,setMatrix3fvandsetMatrix4fvmethods no longer try to do array comparisons when setting the uniforms, but sets them directly. Fix #5670 (thanks @telinc1)
- Have reverted all of the DOM Element CSS changes back to how they were in 3.52, causing both DOM Input and Phaser Input to work together properly again. Fix #5628 (thanks @sacharobarts)
- The
MeshGame Object would incorrectly cull faces if the Scene Camera scrolled. It now calculates the cull correctly, regardless of camera world position, zoom or rotation. Fix #5570 (thanks @hendrikras) Math.ToXYwill now return an empty Vector 2 if the index is out of range, where before it would return the input Vector2 (thanks @Trissolo)- The
UpdateList.shutdownmethod will now remove thePRE_UPDATEhandler from the ProcessQueue correctly (thanks @samme) - When loading a Video with a config object, it would not get the correct
keyvalue from it (thanks @mattjennings) - The
GameObjectFactory.existingmethod will now acceptLayeras a TypeScript type. Fix #5642 (thanks @michal-bures) - The
Input.Pointer.eventproperty can now be aWheelEventas well. - Fixed an issue when loading audio files from a Phaser project wrapped in Capacitor native app shell on iOS (thanks @consolenaut)
- Video would not resume playing after regaining focus swapping from another browser tab. Fix #5377 (thanks @spayton)
- Container will now invoke
addToRenderListbefore leaving the render method, fixing an issue with Container Input. Fix #5506 (thanks @vforsh @rexrainbow) - The
Game.postBootcallback was never being invoked due to an incorrect internal property setter. Fix #5689 (thanks @sebastianfast) - The
LightGame Object didn't set the shader uniforms correctly, causing it to appear to ignore image rotation with normal maps. Fix #5660 (thanks @sroboubi @telinc1)
My thanks to the following for helping with the Phaser 3 Examples, Docs, and TypeScript definitions, either by reporting errors, fixing them, or helping author the docs:
@x-wk @samme @trynx @Palats @supertorpe @Pixelguy @Fractal @halgorithm @Golden @H0rn0chse @EmilSV @Patapits @karbassi
Phaser.Math.Medianis a new function that will calculate the median of the given values. The values are sorted and the middle value is returned. In case of an even number of values, the average of the two middle values is returned (thanks @vforsh)ScenePlugin.pluginKeyis a new string-based property, set by thePluginManagerthat contains the key of the plugin with the Scene Systems.
- When the Scene-owned Input Plugin is shutdown (i.e. via a call to
Scene.stop) it will now remove anyKeyobjects that the plugin created, not just reset them. This is a quality-of-life breaking change from how it worked previously (thanks @veleek) - Thanks to a TS Parser update by @krotovic the JSDocs can now define
@thistags. Fix #4669. - The
Scenes.Systems.installmethod has been removed. It's no longer required and would throw an error if called. Fix #5580 (thanks @Trissolo) - The
WebAudioSoundManager.onFocusmethod will now test to see if the state of theAudioContextisinterrupted, as happens on iOS when leaving the page, and then resumes the context. Fix #5390 #5156 #4790 (thanks @SBCGames @micsun-al @AdamXA)
- Adding a Game Object to a Container that already existed in another Container would leave a copy of it on the Display List. Fix #5618 (thanks Kromah @mariogarranz)
- Fixed missing
backgroundColorproperty in GameConfig. Fix #5597 (thanks @eli-s-r) - BitmapText wouldn't render correctly with the Canvas Renderer when the texture came from a Texture Atlas. Fix #5545 (thanks @vforsh)
- #5504 had broken DOM Elements being able to be clicked due to an oversight of the DOM Container. DOM Elements now correctly pick-up the default pointer events handler. Fix #5594 (thanks @pizkaz)
- The
RGBToStringfunction will no longer return CSS strings with decimal places if the input contained them (thanks @neil-h) - Objects added to a
SpineContainerwere also added to the base Display List, causing them to appear twice. Fix #5599 (thanks @spayton) - When an Animation has
skipMissedFramesset it will now bail out of the skip catch-up loop if any of the frames cause the animation to complete. Fix #5620 (thanks @fenrir1990 @Aveyder) - The
Spine Pluginfactory functions now use the local Scene Spine Plugin reference in order to create the objects, rather than the Scene belonging to the first instance of the plugin. This prevents errors when you have globally installed the Spine plugin, but then remove or destroy the first Scene using it (thanks stever1388 @samme)
My thanks to the following for helping with the Phaser 3 Examples, Docs, and TypeScript definitions, either by reporting errors, fixing them, or helping author the docs:
@samme @masterT @krotovic @Kvisaz
- Fixed an issue where Container children were not removed from the display list properly.
- You can now run Phaser from within a Web Worker. You must use the
type: 'classic'method and then useimportScripts('phaser.js')within your workers, but it will no longer throw window errors and allows you access to lots of the core Phaser functions from Workers. Scenes.Events.PRE_RENDERis a new event fired after the display list is sorted and before the Scene is rendered (thanks @samme)- You can now set the boolean
preserveDrawingBufferin the Game Config (either directly, or in the Render Config). This is passed to the WebGL context during creation and controls if the buffers are automatically cleared each frame or not. The default is to clear them. Set totrueto retain them. GameObjects.Shape.setDisplaySizeis a new method that helps setting the display width and height of a Shape object in a chainable way. Fix #5526 (thanks @samme)Tilemaps.Parsers.Tiled.ParseTilesetshas been updated so it now retains thetypefield information that can be optionally specified within Tiled. This is useful when creating objects from tiles and tile variants (thanks @lackhand)Tilemaps.Parsers.Tiled.ParseWangsetsis a new function that will parse the Wangset information from Tiled map data, if present, and retain it so you can access the data (thanks @lackhand)WebGLPipeline.glResetis a new boolean property that keeps track of when the GL Context was last reset by the Pipeline Manager. It then redirects calls tobindtorebindinstead to restore the pipeline state.
GameObject.addToDisplayListis a new method that allows you to add a Game Object to the given Display List. If no Display List is given, it will default to the Scene Display List. A Game Object can only exist on one Display List at any given time, but may move freely between them.GameObject.addToUpdateListis a new method that adds the Game Object to the Update List belonging to the Scene. When a Game Object is added to the Update List it will have itspreUpdatemethod called every game frame.GameObject.removeFromDisplayListis a new method that removes the Game Object from the Display List it is currently on.GameObject.removeFromUpdateListis a new method that removes the Game Object from the Scenes Update List.GameObject.destroywill now call the newremoveFromDisplayListandremoveFromUpdateListmethods.DisplayList.addChildCallbackwill now use the newaddToDisplayListandremoveFromDisplayListGame Object methods.Container.addHandlerwill now use the newaddToDisplayListandremoveFromDisplayListGame Object methods.Layer.addChildCallbackandremoveChildCallbackwill now use the newaddToDisplayListandremoveFromDisplayListGame Object methods.Groupnow listens for theADDED_TO_SCENEandREMOVED_FROM_SCENEmethods and adds and removes itself from the Update List accordingly.Group.addandcreatenow uses the newaddToDisplayListandaddToUpdateListGame Object methods.Group.removenow uses the newremoveFromDisplayListandremoveFromUpdateListGame Object methods.Group.destroyhas a new optional boolean parameterremoveFromScene, which will remove all Group children from the Scene if specified.
- Phaser no longer includes the IE9 polyfills. All polyfills have been removed from the core builds and moved to their own specific version called
phaser-ie9, which can be found in thedistfolder. - All of the Device functions will now check to see if Phaser is running inside of a Web Worker, or not. If it is, they will return early, avoiding trying to make calls to
windowor other elements not present within Workers. - The Webpack loaders have been moved to dev dependencies to avoid peer issues during use of Phaser as a package (thanks @andrewstart)
- The
WebAudioSoundManager.createAudioContextmethod is no longer private. - The
WebAudioSoundManager.contextproperty is no longer private. - The
WebAudioSoundManager.masterMuteNodeproperty is no longer private. - The
WebAudioSoundManager.masterVolumeNodeproperty is no longer private. - The
WebAudioSoundManager.destinationproperty is no longer private. - The
WebAudioSound.audioBufferproperty is no longer private. - The
WebAudioSound.sourceproperty is no longer private. - The
WebAudioSound.loopSourceproperty is no longer private. - The
WebAudioSound.muteNodeproperty is no longer private. - The
WebAudioSound.volumeNodeproperty is no longer private. - The
WebAudioSound.pannerNodeproperty is no longer private. - The
WebAudioSound.hasEndedproperty is no longer private, but is read only. - The
WebAudioSound.hasLoopedproperty is no longer private, but is read only. - The
WebAudioSoundManager.createAudioContextmethod will now usewebkitAudioContextif defined inwindow(rather than using the polyfill) to handle audio on Safari. - If a loaded JSON File fails to parse it will now issue a console warning along with the file key (thanks @samme)
- The Canvas Renderer will no longer run a
fillRectifclearBeforeRenderisfalsein the Game Config. - The
LightsManager.addPointlightmethod now has full JSDocs and theattenuationparameter. LightPipeline.lightsActiveis a new boolean property that keeps track if the Lights Manager in a Scene is active, or not.- The
LightPipelinenow only callsbatchSprite,batchTextureandbatchTextureFrameif the Scene Lights Manager is active. Fix #5522 (thanks @inmylo) - The Tiled Parser has been updated so it now supports object properties defined in an array with name / type values (thanks @veleek)
LineCurve.getTangentcan now take an output vector to receive the tangent value (thanks @samme)DOMElementCSSRendererno longer sets thepointerEventsstyle attribute toauto. This is the default value anyway and it now means you can override it from your code by setting thepointer-eventsattribute directly. Fix #5470 (thanks @hayatae @endel)SceneManager.loadCompletewill no longer try to unlock the Sound Manager, preventingAudioContext was not allowed to startconsole warnings after each Scene finishes loading.WebGLRenderer.deleteTexturewill now runresetTextures(true)first, incase the requested texture to be deleted is currently bound. Previously, it would delete the texture and then reset them.- If
TextureSource.destroyhas a WebGL Texture it will tell the WebGL Renderer to reset the textures first, before deleting its texture. Cameras.Controls.FixedKeyControl.minZoomis a new configurable property that sets the minimum camera zoom. Default to 0.001 (thanks @samme)Cameras.Controls.FixedKeyControl.maxZoomis a new configurable property that sets the maximum camera zoom. Default to 1000 (thanks @samme)Cameras.Controls.SmoothedKeyControl.minZoomis a new configurable property that sets the minimum camera zoom. Default to 0.001 (thanks @samme)Cameras.Controls.SmoothedKeyControl.maxZoomis a new configurable property that sets the maximum camera zoom. Default to 1000 (thanks @samme)- The
WebGLPipeline.rebindmethod now accepts an optional parametercurrentShader. If provided it will set the current shader to be this after the pipeline reset is complete. - The
PipelineManager.rebindmethod will now flag all pipelines asglReset = true, so they know to fully rebind the next time they are invoked.
BlitterWebGLRendererwas calling an out-dated functionsetRenderDepthinstead ofaddToRenderList(thanks Harm)- When a loaded JSON file fails to parse, it's marked
FILE_ERROREDand the Loader continues. Before this change the Loader would stall (thanks @samme) Math.FromPercentsilently assumed theminparameter to be 0. It can now be any value, allowing you to generate percentages betweenminandmaxcorrectly (thanks @somechris)- The Container and Zone Game Objects were not handling being added to the render list, causing them to fail input detection tests. Fix #5506 #5508 (thanks @rexrainbow @vforsh @Nightspeller)
IsometricWorldToTileXYwas returning a tile incorrectly offset from the given coordinates. It now returns from the expected location (thanks @veleek)DOMElementCSSRendererwill now return early ifsrc.nodedoesn't exist or is null, rather than trying to extract thestyleproperty from it. Fix #5566 (thanks @rattias)- The BitmapMask will now check to see if
rendererexists before trying to hook to its event emitter (thanks @mattjennings) - TileSprite will now check to see if
rendererexists before trying to restore itself during a context loss (thanks @mattjennings) - A Texture will now check to see if
rendererexists before resetting the WebGL textures (thanks @mattjennings) - Destroying a Text Game Object when using the HEADLESS renderer would cause an
Uncaught TypeError. Fix #5558 (thanks @mattjennings) - The
Actions.PlayAnimationarguments have been updated to match the new animation system introduced in Phaser 3.50. It will now take either a string-key, or a play animation configuration object, and thestartFrameparameter has been replaced withignoreIfPlaying. The function will also only callplayif the Game Object has an animation component, meaning you can now supply this action with a mixed-content array without errors. Fix #5555 (thanks @xuxucode) RenderTarget.resizewill nowMath.floorthe scaled width and height as well as ensure they're not <= 0 which causesFramebuffer status: Incomplete Attachmenterrors. Fix #5563 #5478 (thanks @orjandh @venarius)Matter.Components.Sleep.setToSleepandsetAwakewere documented as returningthis, however they didn't return anything. Both nowreturn thiscorrectly. Fix #5567 (thanks @micsun-al)- The Particle position would be wrong when set to follow a Sprite using the Canvas Renderer. Fix #5457 (thanks @samme)
- Fixed a conditional bug in Arcade Physics
ProcessXwhen Body2 is Immovable and Body1 is not. - The Spine Plugin would throw an error while unloading and restarting the game. Fix #5477 (thanks @ayamomiji @Pong420)
- The Spine Plugin would cause all textures to render as blue if a Spine object followed any Game Object using the Graphics Pipeline on the display list, due to the gl context restoration not being properly handled. Fix #5493 #5449 (thanks @EmilSV @FloodGames)
- Spine Game Objects and Containers will now add themselves to the Camera render list, fixing issues where input didn't work if depth was used or they were overlapped with another interactive Game Object.
- Calling
Group.destroywould cause a runtime error ifGroup.runChildUpdatehad been set. Fix #5576 (thanks @samme) - Moving a Sprite from a Container or Layer to the Scene would fail without first resetting the display list. Fix #5535 (thanks @malahaas @samme @tringcooler)
My thanks to the following for helping with the Phaser 3 Examples, Docs, and TypeScript definitions, either by reporting errors, fixing them, or helping author the docs:
@edemaine @xuxucode @schontz @kaktus42 @Nero0 @samme
- The
getPostPipelinemethod available on most Game Objects will now return an array of piplines if an instance is given and the Game Object has more than one of those pipelines set on it. If only one pipeline is set, it will be returned directly.
BaseCamera.renderListis a new array that is populated with all Game Objects that the camera has rendered in the current frame. It is automatically cleared duringCamera.preUpdateand is an accurate representation of the Game Objects the Camera rendered. It's used internally by the Input Plugin, but exposed should you wish to read the contents or use it for profiling.BaseCamera.addToRenderListis a new method that will add the given Game Object to the Cameras current render list.- The
InputPlugin.sortGameObjectsmethod now uses the new Camera render list to work out the display index depths. - The
InputPlugin.sortDropZonesmethod is a new method, based on the oldsortGameObjectsmethod that is used for sorting input enabled drop zones. - The background color behind the game url in the banner is now transparent, so it looks correct with dark dev tools themes (thanks @kainage)
WebAudioSound.destroynow checks to see ifpannerNodeexists before disabling it, preventing an error in Safari (thanks @jdcook)- Fixed the cause of
Uncaught TypeError: Cannot read property 'getIndex' of nullby checking the display list property securely. Fix #5489 (thanks @actionmoon) - Fixed an issue where adding input-enabled Game Objects to a Layer would have the input system ignore their depth settings. Fix #5483 (thanks @pr4xx)
- The method
TilemapLayer.weightedRandomizehas changed so that the parameterweightedIndexesis now first in the method and is non-optional. Previously, it was the 5th parameter and incorrectly flagged as optional. This change was made to the docs but not the parameters, but now works according to the docs (thanks Fantasix) - The Mesh
GenerateVertsfunction was returning an object with the propertyvertsinstead ofverticesas expected by theMesh.addVerticesmethod. It now returns the correct name (thanks @lackhand) AtlasJSONFilewill now callFile.pendingDestroy, clearing up the resources it used during load and emitting a missingFILE_COMPLETEevent. Fix #5495 (thanks @mikuso)AtlasJSONFile,AtlasXMLFile,BitmapFontFileandUnityAtlasFilewill now callFile.pendingDestroy, clearing up the resources it used during load and emiting a missingFILE_COMPLETEevent. Fix #5495 (thanks @mikuso)- Some Bitmap Text fonts were not rendering under Canvas due to the way in which the texture offset was calculated. It now uses the
__BASEframe to get the texture offset, rather than the first frame in the set. Fix #5462 #5501 (thanks @monteiz @DPMakerQB)
My thanks to the following for helping with the Phaser 3 Examples, Docs, and TypeScript definitions, either by reporting errors, fixing them, or helping author the docs:
@ygongdev Tucker @lackhand
WebGLRenderer.isTextureCleanis a new boolean property that tracks of all of the multi-textures are in a clean 'default' state, to avoid lots of gl texture binds and activations during a Scene restart or destruction process.GameObject.removePostPipelinewould previously only remove a single pipeline instance. Calling the method with a class will now clear all instances of the pipeline class from the Game Object (thanks @rexrainbow)
Layer.destroywill now calldestroyon all of its children as well.- The
LayerGame Object has been given all of the missing properties and methods from Game Object to make the class shapes identical. This includes the propertiesparentContainer,tabIndex,inputandbody. You cannot set any of these properties, they are ignored by the Layer itself. It also includes the methods:setInteractive,disableInteractiveandremoveInteractive. A Layer cannot be enabled for input or have a physics body. Fix #5459 (thanks @PhaserEditor2D) Layer.getIndexListis a new method, taken from the Game Object, that will return the index of the Layer in the display list, factoring in any parents.
- On some keyboards it was possible for the
keyupevent to not fire because it was filtered out by the Keyboard Plugin repeat key check. Fix #5472 (thanks @cjw6k) - Fixed issue causing
Cannot read property 'pipelines' of nullto be thrown if using 3.50 with the HEADLESS renderer. Fix #5468 (thanks @Grenagar) - Canvas Tilemap Rendering is now working again. Fix #5480 (thanks @marshmn)
Layer.destroywill now emit theDESTROYevent at the start of the method. Fix #5466 (thanks @samme)- The error
RENDER WARNING: there is no texture bound to the unit ...would be thrown when trying to restart a Scene. When a Scene is shutdown is will now reset the WebGL Texture cache. Fix #5464 (thanks @ffx0s) - The error
RENDER WARNING: there is no texture bound to the unit ...would be thrown when destroying a Text Game Object, or any Game Object that uses its own custom texture. Destroying such an object will now reset the WebGL Texture cache. Fix #5464 (thanks @mark-rushakoff) - When using an asset pack with a prefix, and loading a Spine file, the prefix was being appended twice causing the texture to fail loading. It's now appended correctly (thanks @jdcook)
My thanks to the following for helping with the Phaser 3 Examples, Docs, and TypeScript definitions, either by reporting errors, fixing them, or helping author the docs:
@pol0nium @ErinLMoore @umi-tyaahan @nk9
- The new Web Audio Panning feature breaks WebAudio on Safari (OSX and iOS). The stereo panner node is now only created if supported. Fix #5460 (thanks @d4rkforce)