Aller au contenu principal

Rencontre 20

  • Exercice Git (Merge, conflits et pull request)
  • Explication sur le problème avec l'ordre des PlayableCard du BattleField
  • Travail sur TP2

Info​

Ordre des éléments d'une liste avec EF

Actions pour exécuter des tests sur GitHub

Pull Requests

Faire jouer une animation sur une carte​

CSS​

var element = document.getElementById("PC" + event.PlayableCardId);
element?.classList.add("attack");
  • Pour un power sur une carte
var element = document.getElementById("PC" + event.PlayableCardId + "_Heal");
element?.classList.add("powerAnimation");

Ou

var element = document.getElementById("PC" + event.PlayableCardId)
                         .querySelector('[name="' + powerId + '"]');
element?.classList.add("powerAnimation");
attention

Il y a présentement une class fadeIn sur les cartes du BattleField. C'est important de la retirer après la fin de l'animation de fadeIn si vous voulez ajouter d'autres classes sans redéclencher l'animation de fadeIn.

Angular​

  • Pour faire jouer une animation angular, on peut ajouter des variables directement sur PlayableCard et déclencher les animations sur la carte avec un trigger sur ces variables

Exercices​

Git tests et Pull Requests