How to use the ember-animated.parallel function in ember-animated

To help you get started, we’ve selected a few ember-animated examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ember-animation / ember-animated / docs / app / pods / docs / between / detail / controller.js View on Github external
transition: function * ({ receivedSprites, sentSprites, removedSprites }) {
    printSprites(arguments[0]);
    // received and sent sprites are flying above all the others
    receivedSprites.concat(sentSprites).forEach(sprite => {
      sprite.applyStyles({
        'z-index': 1
      });
    });

    receivedSprites.forEach(parallel(move, scale));
    sentSprites.forEach(parallel(move, scale));

    removedSprites.forEach(sprite => {
      sprite.endTranslatedBy(0, 0);
      continuePrior(sprite);
      opacity(sprite, { to: 0 });
    });
  }
github ember-animation / ember-animated / tests / dummy / app / components / beacon-demo.js View on Github external
removedSprites.forEach(sprite => {
      sprite.endAtSprite(beacons.one);
      parallel(move(sprite, scale(sprite)));
    });
  },
github ember-animation / ember-animated / tests / dummy / app / controllers / demos / svg.js View on Github external
moveThem: function*({ keptSprites }) {
    keptSprites.forEach(
      parallel(
        moveSVG.property('cx'),
        moveSVG.property('cy'),
        moveSVG.property('r'),
      ),
    );
  },
github nypublicradio / ember-hifi / tests / dummy / app / components / cached-sounds / component.js View on Github external
insertedSprites.forEach(sprite => {
       let connectionName = sprite.element.getAttribute('data-connection-name')
       sprite.startAtSprite(beacons[connectionName]);
       parallel(move(sprite, { easing: easeIn, duration: 500}));
     });
   },
github ember-animation / ember-animated / docs / app / pods / components / moving-word / component.js View on Github external
transition: function*({ sentSprites }) {
    let motions = this.motions();
    sentSprites.forEach(parallel(...motions));
  },
}).reopenClass({
github ef4 / living-animation / src / ui / components / moving-word / component.js View on Github external
transition: function * ({ sentSprites }) {
    sentSprites.forEach(
      parallel(
        move,
        compensateForScale,
        adjustCSS.property('font-size'),
        adjustCSS.property('letter-spacing'),
        adjustColor.property('color')
      )
    );
  }
}).reopenClass({
github ember-animation / ember-animated / docs / app / pods / components / between-components / component.js View on Github external
insertedSprites.forEach(sprite => {
      sprite.startAtSprite(beacons.add);
      parallel(move(sprite, scale(sprite)));
    });
github CenterForOpenScience / ember-osf-web / lib / osf-components / addon / components / files / selected-list / component.ts View on Github external
keptSprites.forEach((sprite: Sprite) => {
            parallel(
                fadeIn(sprite),
                move(sprite, { easing: easeIn }),
            );
        });
        removedSprites.forEach((sprite: Sprite) => fadeOut(sprite));