MatterImage and MatterSprite allow you to easily create Game Objects with embedded Matter physics bodies.

Author: photonstorm

v3/src/physics/matter-js/MatterImage.js

@@ -0,0 +1,56 @@
+var Bodies = require('./lib/factory/Bodies');
+var Class = require('../../utils/Class');
+var Components = require('./components');
+var GameObject = require('../../gameobjects/GameObject');
+var GetFastValue = require('../../utils/object/GetFastValue');
+var Image = require('../../gameobjects/image/Image');
+var Vector2 = require('../../math/Vector2');
+
+var MatterImage = new Class({
+
+    Extends: Image,
+
+    Mixins: [
+        Components.Bounce,
+        Components.Force,
+        Components.Friction,
+        Components.Mass,
+        Components.Static,
+        Components.Transform,
+        Components.Velocity
+    ],
+
+    initialize:
+
+    //  x/y is the center of the Image / Body, just like other default Game Objects
+    function MatterImage (world, x, y, texture, frame, options)
+    {
+        GameObject.call(this, world.scene, 'Image');
+
+        this.setTexture(texture, frame);
+        this.setSizeToFrame();
+        this.setOrigin();
+
+        this._tempVec2 = new Vector2();
+
+        var isCircle = GetFastValue(options, 'isCircle', false);
+
+        if (isCircle)
+        {
+            var radius = GetFastValue(options, 'radius', Math.max(this.width, this.height) / 2);
+
+            this.body = Bodies.circle(x, y, radius, options);
+        }
+        else
+        {
+            this.body = Bodies.rectangle(x, y, this.width, this.height, options);
+        }
+
+        world.add(this.body);
+
+        this.setPosition(x, y);
+    }
+
+});
+
+module.exports = MatterImage;

v3/src/physics/matter-js/MatterSprite.js

@@ -0,0 +1,59 @@
+var AnimationComponent = require('../../gameobjects/components/Animation');
+var Bodies = require('./lib/factory/Bodies');
+var Class = require('../../utils/Class');
+var Components = require('./components');
+var GameObject = require('../../gameobjects/GameObject');
+var GetFastValue = require('../../utils/object/GetFastValue');
+var Sprite = require('../../gameobjects/sprite/Sprite');
+var Vector2 = require('../../math/Vector2');
+
+var MatterSprite = new Class({
+
+    Extends: Sprite,
+
+    Mixins: [
+        Components.Bounce,
+        Components.Force,
+        Components.Friction,
+        Components.Mass,
+        Components.Static,
+        Components.Transform,
+        Components.Velocity
+    ],
+
+    initialize:
+
+    //  x/y is the center of the Sprite / Body, just like other default Game Objects
+    function MatterSprite (world, x, y, texture, frame, options)
+    {
+        GameObject.call(this, world.scene, 'Image');
+
+        this.anims = new AnimationComponent(this);
+
+        this.setTexture(texture, frame);
+        this.setSizeToFrame();
+        this.setOrigin();
+
+        this._tempVec2 = new Vector2();
+
+        var isCircle = GetFastValue(options, 'isCircle', false);
+
+        if (isCircle)
+        {
+            var radius = GetFastValue(options, 'radius', Math.max(this.width, this.height) / 2);
+
+            this.body = Bodies.circle(x, y, radius, options);
+        }
+        else
+        {
+            this.body = Bodies.rectangle(x, y, this.width, this.height, options);
+        }
+
+        world.add(this.body);
+
+        this.setPosition(x, y);
+    }
+
+});
+
+module.exports = MatterSprite;