23.3.15, Compatible with Pixi v7.2.0

Author: OttCS

demo/app.js

@@ -18,13 +18,10 @@ backdrop.height = app.view.height;
 backdrop.anchor = { x: 0, y: 0 };
 app.stage.addChild(backdrop);
 
-const emitter = PIXI.Particles.from('/demo/assets/star.png', 250, {
-    life: app.view.width * 0.7071067812,
-    direction: Math.PI * 1.5,
-    spread: Math.PI,
+const emitter = PIXI.Particles.from('/demo/assets/star.png', 32, {
+    life: 256,
+    spread: Math.PI * 2,
 });
-emitter.x = app.view.width * 0.5;
-emitter.y = app.view.height;
 app.stage.addChild(emitter);
 
 let planet = new PIXI.Sprite(tex.planet);
@@ -58,6 +55,7 @@ app.ticker.add((deltaTime) => {
     let h = Math.hypot(x, y) / player.speedMult + 1;
     player.vec.x = player.vec.x * 0.995 + 0.005 * (x / h) * deltaTime;
     player.vec.y = player.vec.y * 0.995 + 0.005 * (y / h) * deltaTime;
-    player.x += player.vec.x;
+    emitter.spawn.x = player.x += player.vec.x;
     player.y += player.vec.y;
+    emitter.spawn.y = player.y - player.scale.y * player.height * 0.5;
 });

documentation.html

@@ -102,6 +102,7 @@ <h2 id="PIXI.Particles">PIXI.Particles</h2>
                 <br>.direction = specifies the direction (in radians) that the particles will move (default 0)
                 <br>.spread = the angle (in radians) of how closely particles should follow the direction. 0 is no
                 deviation, 2 PI is in a full circle (default is 2 PI)
+                <br><span class="nightly">.spawn</span> = {x, y} object that indicates where particles will be created
                 <br>.step() = a shared function that moves and updates all particles
             </dd>
         </dl>

documentation/README.md

@@ -17,6 +17,7 @@
  <br>.direction = specifies the direction (in radians) that the particles will move (default 0)
  <br>.spread = the angle (in radians) of how closely particles should follow the direction. 0 is no
  deviation, 2 PI is in a full circle (default is 2 PI)
+ <br><span class="nightly">.spawn</span> = {x, y} object that indicates where particles will be created
  <br>.step() = a shared function that moves and updates all particles
  </dd> </dl> <h2>PIXI.collision</h2> <dl> <dt>PIXI.collision.aabb(Sprite, Sprite)</dt> <dd>Checks if the two provided Sprites are colliding with the aabb algorithm - NOTE: Both a and b are
  formatted

nightly/pixi.js

@@ -7,8 +7,8 @@ PIXI.Particles = {};
 // ZEPHYR FUNCTIONALITY //
 
 PIXI.Zephyr = {
-    version: "ZephyrJS 23.2.20",
-    compatible: "PixiJS v7.1.3",
+    version: "ZephyrJS 23.3.15",
+    compatible: "PixiJS v7.2.0",
     _spriteFix: (s) => { // Returns the actual x/y width/height of a scaled and anchored Sprite
         let w = s.width * (s.scale ? s.scale.x : 1);
         let h = s.height * (s.scale ? s.scale.y : 1);
@@ -153,13 +153,14 @@ PIXI.Zephyr = {
                 const init = (p) => {
                     let r = (Math.random() - 0.5) * this.spread + this.direction;
                     p.move = { x: this.speed * Math.cos(r), y: this.speed * Math.sin(r) };
-                    p.x = p.y = 0;
+                    p.x = this.spawn.x;
+                    p.y = this.spawn.y;
                     p.life = this.life;
                 }
-                if (this.children.length < this.size) {
+                if (this.children.length < this.maxCount) {
                     this._spawnTimer -= deltaTime;
                     if (this._spawnTimer <= 0) {
-                        this._spawnTimer = this.life / this.size;
+                        this._spawnTimer = this.life / this.maxCount;
                         let p = new PIXI.Sprite(this.baseTexture);
                         p.anchor = { x: 0.5, y: 0.5 }
                         init(p);
@@ -173,17 +174,21 @@ PIXI.Zephyr = {
                         init(p);
                 });
             },
-            from: (src, size, options) => {
+            from: (src, maxCount, options) => {
                 if (!options) options = {};
-                let res = new PIXI.ParticleContainer(size);
+                let res = new PIXI.ParticleContainer(maxCount);
                 res._spawnTimer = 0;
-                res.size = size;
+                res.maxCount = maxCount;
                 res.baseTexture = PIXI.Texture.from(src);
                 res.life = (options.life ? options.life : 128);
                 res.speed = (options.speed ? options.speed : 1);
                 res.direction = (options.direction ? options.direction : 0);
                 res.spread = (options.spread ? options.spread : 6.2831853072);
                 res.step = PIXI.Particles._step;
+                res.spawn = {
+                    x: options.x ? options.x : 1,
+                    y: options.y ? options.y : 1
+                }
                 return res;
             }
         }

nightly/pixi.min.js.map

@@ -63,7 +63,6 @@ header {
 }
 
 #gameShowcase {
-    cursor: none;
     overflow: hidden;
     z-index: 0;
     position: relative;