@makefully/platypus 4.1.13 → 4.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@makefully/platypus",
-    "version": "4.1.13",
+    "version": "4.1.15",
     "description": "2D tile-based HTML5 game engine with a component-based entity model",
     "license": "MIT",
     "contributors": [

package/src/PIXIAnimation.js

@@ -339,6 +339,9 @@ const
         */
         stop () {
             this.paused = true;
+            if (this._animation?.stop) {
+                this._animation.stop();
+            }
         };
                 
         /**
@@ -348,6 +351,9 @@ const
         */
         play () {
             this.paused = false;
+            if (this._animation?.play) {
+                this._animation.play();
+            }
         };
         
         /**

package/src/components/EntityContainer.js

@@ -187,6 +187,10 @@ const
             },
             
             addChildEventListeners (entity) {
+                if (this._destroyed) {
+                    return;
+                }
+
                 const
                     {_listeners} = entity;
 
@@ -219,33 +223,55 @@ const
             },
             
             removeChildEventListeners: function (entity) {
-                if (entity.containerListener?.events) {
+                const
+                    listener = entity.containerListener;
+
+                if (!listener) {
+                    return;
+                }
+
+                const
+                    {events} = listener,
+                    // Prefer current shape; fall back to legacy `messages`.
+                    handlers = listener.handlers ?? listener.messages;
+
+                if (events && handlers) {
                     const
-                        {events, handlers} = entity.containerListener,
                         {length} = events;
 
                     for (let i = 0; i < length; i++) {
-                        this.off(
-                            events[i],
-                            handlers[i].callback,
-                            handlers[i].context
-                        );
+                        const
+                            handler = handlers[i];
+
+                        if (!handler) {
+                            continue;
+                        }
+
+                        if (handler.callback) {
+                            this.off(events[i], handler.callback, handler.context);
+                        } else {
+                            this.off(events[i], handler);
+                        }
                     }
+                }
 
+                if (events) {
                     arrayCache.recycle(events);
-                    arrayCache.recycle(handlers);
-
-                    entity.containerListener.recycle();
-                    entity.containerListener = null;
                 }
+                if (listener.handlers) {
+                    arrayCache.recycle(listener.handlers);
+                }
+                if (listener.messages) {
+                    arrayCache.recycle(listener.messages);
+                }
+
+                listener.recycle();
+                entity.containerListener = null;
             },
             
             addChildEventListener: function (entity, event, handler) {
-                if (!entity.containerListener) {
-                    entity.containerListener = Data.setUp(
-                        "events", arrayCache.setUp(),
-                        "handlers", arrayCache.setUp()
-                    );
+                if (this._destroyed) {
+                    return;
                 }
 
                 const
@@ -258,6 +284,13 @@ const
                     );
 
                 if (newHandler) {
+                    if (!entity.containerListener) {
+                        entity.containerListener = Data.setUp(
+                            "events", arrayCache.setUp(),
+                            "handlers", arrayCache.setUp()
+                        );
+                    }
+
                     entity.containerListener.events.push(event);
                     entity.containerListener.handlers.push(newHandler);
                 }
@@ -265,7 +298,19 @@ const
             
             removeChildEventListener: function (entity, event, callback) {
                 const
-                    {events, handlers} = entity.containerListener;
+                    listener = entity.containerListener;
+
+                if (!listener) {
+                    return;
+                }
+
+                const
+                    {events, handlers} = listener;
+
+                if (!events || !handlers) {
+                    return;
+                }
+
                 let i = events.length;
 
                 while (i--) {

package/src/components/RenderSprite.js

@@ -430,15 +430,20 @@ export default createComponentClass(/** @lends platypus.components.RenderSprite.
     events: {
         "handle-render": function (renderData) {
             if (this.sprite) {
+                const
+                    playing = !this.sprite.paused;
+
                 /**
                  * This event is triggered each tick to check for animation updates.
                  *
                  * @event platypus.Entity#update-animation
                  * @param playing {Boolean} Whether the animation is in a playing or paused state.
                  */
-                this.owner.triggerEvent('update-animation', true);
+                this.owner.triggerEvent('update-animation', playing);
 
-                this.sprite.update(renderData.delta);
+                if (playing) {
+                    this.sprite.update(renderData.delta);
+                }
             }
         },
         

package/src/platypus.css

@@ -1,8 +1,6 @@
 div#captions {
-    user-select: none;
-    -moz-user-select: none;
     -webkit-user-select: none;
-    -ms-user-select: none;
+    user-select: none;
     -webkit-touch-callout: none;
 }
 
@@ -11,11 +9,10 @@ canvas.platypus-canvas {
     position: relative;
     width: 100%;
 
-    user-select: none;
-    -moz-user-select: none;
     -webkit-user-select: none;
-    -ms-user-select: none;
+    user-select: none;
     -webkit-touch-callout: none;
+    touch-action: none;
 }
 
 .platypus-debugging {
@@ -28,6 +25,7 @@ canvas.platypus-canvas {
     z-index: 2;
     font-family: "Lucida Console", Monaco, monospace;
     -webkit-touch-callout: none;
+    -webkit-user-select: none;
     user-select: none;
     cursor: default;
     margin: 0;