How to use spawn action like cocos2d-x

[kk167]

Hi.

Can you implement action like cc.Spawn in cocos2dx ?

Thank you for this plugin. It's very helpful for me 👍

[hustcc]

Sequence means running action by the order.

Spawn means running at the same time？

[kk167]

yes. cc. Spawn run at the same time.
I add class ActionSpawn like below but it's not work.

import Action from './Action';

export class Spawn extends Action {
  constructor(actions) {
    super();
    this.actions = actions;

    this.reset();
  }
  reset() {
    // this._index = 0;
  }
  // if end return true, if not end return false
  update(sprite, delta, deltaMS) {
    if (!this.actions || !this.actions.length) {
      return true; 
    }
    let result = true;
    for(var i = this.actions.length; i >=0;i--){
        let action = this.actions[i];

        let isEnd = action.update(sprite, delta, deltaMS);
        if (isEnd) {
          action.reset();
          this.actions.splice(i,1);
        }else{
          result = false;
        }
    }
    
    return result;
  }
}

in index.js add

import {Spawn} from './ActionSpawn';
....
Spawn: Spawn,

[hustcc]

What is the error message?

[kk167]

Uncaught TypeError: Cannot read property 'update' of undefined
    at e.value (pixi-action.js:1)
    at e.value (pixi-action.js:1)
    at e.value (pixi-action.js:1)
    at t.value (pixi-action.js:1)

i rebuild this plugin with comand
npm run build

i define some function like i use in cocos2dx

var cc = cc || {};
 cc.moveTo= function( time, p)
{
    return new PIXI.action.MoveTo(p.x, p.y, time);
};
cc.scaleTo= function( time, p)
{
   
    return new PIXI.action.ScaleTo(p.x, p.y, time);
};

cc.sequence= function( )
{
    return new PIXI.action.Sequence(arguments);//arguments is array
};
cc.spawn= function( )
{
    return new PIXI.action.Spawn(arguments);//arguments is array
};

then i use spawn like this

 var animTime= 1;
    var move = cc.moveTo(animTime, {x: 100, y:100}  );
    var scale = cc.scaleTo(animTime, {x: 1, y:1});
    var beforeMove = new PIXI.action.CallFunc(function() {

    });

    var afterMove = new PIXI.action.CallFunc(function() {

    });
    var action = cc.sequence(beforeMove,  cc.spawn(move, scale),afterMove);
    this.animation = PIXI.actionManager.runAction( this,action);

if i dont' use spawn, it work well.
Sorry for my bad english :(

[kk167]

i fix this in update function
for(var i = this.actions.length -1; i >=0;i--){

[hustcc]

So you can send a pr.