Merge branch 'develop'

Author: PhaserEditor2D

CHANGELOG.MD

@@ -1,5 +1,23 @@
 # Change Log
 
+## v3.64.0 - Nov 10, 2023
+
+* Fixes making thumbnails of single-layer prefabs.
+* Allows merging Import and Open buttons in the Asset Pack Entry section.
+* [#251](https://github.com/PhaserEditor2D/PhaserEditor2D-v3/issues/251) Fixes sprite positioning in Animations Editor.
+* [#209](https://github.com/PhaserEditor2D/PhaserEditor2D-v3/issues/209) Improves scene border painting.
+* Improves animations preview UI:
+    - New Animation preview section.
+    - New Animations Preview section.
+    - Shows a preview button in the Animation Key user property.
+* Adds new Animation section to Sprite game objects. It is about to auto-start a sprite animation.
+* Adds `showBeforeDelay` to the Animations Editor.
+* Shows Sprite Animation blocks in the Scene Editor's Blocks view.
+* Aseprite animations support.
+* New Code Snippets scene elements.
+* Optimizes pooling of WEBGL contexts.
+* [#295](https://github.com/PhaserEditor2D/PhaserEditor2D-v3/issues/295) Fixes tilemapLayer nullable method factory.
+
 ## v3.63.0 - Sep 30, 2023
 
 * Opens the file given in the `openfile` URL search parameter. Like in `?openfile=some/file`.

design/aseprite/aseprite.png

@@ -183,6 +183,7 @@
             <key type="filename">x1/dark/align-top.png</key>
             <key type="filename">x1/dark/angle.png</key>
             <key type="filename">x1/dark/animations.png</key>
+            <key type="filename">x1/dark/aseprite.png</key>
             <key type="filename">x1/dark/asset-pack.png</key>
             <key type="filename">x1/dark/bitmapfont-type.png</key>
             <key type="filename">x1/dark/blocks.png</key>
@@ -246,6 +247,7 @@
             <key type="filename">x1/light/align-top.png</key>
             <key type="filename">x1/light/angle.png</key>
             <key type="filename">x1/light/animations.png</key>
+            <key type="filename">x1/light/aseprite.png</key>
             <key type="filename">x1/light/asset-pack.png</key>
             <key type="filename">x1/light/bitmapfont-type.png</key>
             <key type="filename">x1/light/blocks.png</key>

design/texture-packer/phasereditor2d.resources/phasereditor2d.resources@1x.tps

@@ -183,6 +183,7 @@
             <key type="filename">x2/dark/align-top@2x.png</key>
             <key type="filename">x2/dark/angle@2x.png</key>
             <key type="filename">x2/dark/animations@2x.png</key>
+            <key type="filename">x2/dark/aseprite@2x.png</key>
             <key type="filename">x2/dark/asset-pack@2x.png</key>
             <key type="filename">x2/dark/bitmapfont-type@2x.png</key>
             <key type="filename">x2/dark/blocks@2x.png</key>
@@ -246,6 +247,7 @@
             <key type="filename">x2/light/align-top@2x.png</key>
             <key type="filename">x2/light/angle@2x.png</key>
             <key type="filename">x2/light/animations@2x.png</key>
+            <key type="filename">x2/light/aseprite@2x.png</key>
             <key type="filename">x2/light/asset-pack@2x.png</key>
             <key type="filename">x2/light/bitmapfont-type@2x.png</key>
             <key type="filename">x2/light/blocks@2x.png</key>

design/texture-packer/phasereditor2d.resources/phasereditor2d.resources@2x.tps

@@ -8,6 +8,9 @@ utils.makeHelpFile([
     "Phaser.Loader.LoaderPlugin.atlas(textureURL)",
     "Phaser.Types.Loader.FileTypes.AtlasJSONFileConfig.normalMap",
 
+    "Phaser.Loader.LoaderPlugin.aseprite(atlasURL)",
+    "Phaser.Loader.LoaderPlugin.aseprite(textureURL)",
+
     "Phaser.Loader.LoaderPlugin.atlasXML(atlasURL)",
     "Phaser.Loader.LoaderPlugin.atlasXML(textureURL)",
     "Phaser.Types.Loader.FileTypes.AtlasXMLFileConfig.normalMap",
@@ -285,7 +288,18 @@ utils.makeHelpFile([
     "spine.SkinsAndAnimationBoundsProvider(timeStep)",
     "spine.AnimationState.timeScale",
     "spine.AnimationStateData.defaultMix",
-    "spine.AnimationStateData.setMixWith"
+    "spine.AnimationStateData.setMixWith",
+
+    "Phaser.Types.Animations.PlayAnimationConfig.frameRate",
+    "Phaser.Types.Animations.PlayAnimationConfig.delay",
+    "Phaser.Types.Animations.PlayAnimationConfig.repeat",
+    "Phaser.Types.Animations.PlayAnimationConfig.repeatDelay",
+    "Phaser.Types.Animations.PlayAnimationConfig.yoyo",
+    "Phaser.Types.Animations.PlayAnimationConfig.showOnStart",
+    "Phaser.Types.Animations.PlayAnimationConfig.hideOnComplete",
+    "Phaser.Types.Animations.PlayAnimationConfig.showBeforeDelay",
+    "Phaser.Types.Animations.PlayAnimationConfig.startFrame",
+    "Phaser.Types.Animations.PlayAnimationConfig.timeScale",
 
 
 ], "../source/editor/plugins/phasereditor2d.resources/_res/phasereditor2d.scene/docs/phaser.json");
@@ -300,7 +314,9 @@ utils.makeHelpFile([
     "Phaser.Types.Animations.Animation.yoyo",
     "Phaser.Types.Animations.Animation.showOnStart",
     "Phaser.Types.Animations.Animation.hideOnComplete",
+    "Phaser.Types.Animations.Animation.showBeforeDelay",
     "Phaser.Types.Animations.Animation.skipMissedFrames",
+    "Phaser.Types.Animations.PlayAnimationConfig.startFrame",
 
 ], "../source/editor/plugins/phasereditor2d.resources/_res/phasereditor2d.animations/docs/phaser-docs.json");
 

design/texture-packer/phasereditor2d.resources/x1/dark/aseprite.png

@@ -44,11 +44,20 @@ namespace colibri.ui.controls.properties {
             return label;
         }
 
-        createButton(parent: HTMLElement, text: string, callback: (e?: MouseEvent) => void) {
+        createButton(parent: HTMLElement, textOrIcon: string | IImage, callback: (e?: MouseEvent) => void) {
 
             const btn = document.createElement("button");
 
-            btn.innerText = text;
+            if (typeof textOrIcon === "string") {
+
+                btn.innerText = textOrIcon;
+
+            } else {
+
+                const iconControl = new controls.IconControl(textOrIcon);
+
+                btn.appendChild(iconControl.getCanvas());
+            }
 
             btn.addEventListener("click", e => callback(e));