Comment gérer l'événement mouseover dans EaselJS?

Je suis en utilisant EaselJS et j'aimerais changer (un peu l'agrandir) des images, tandis que le curseur de la souris au-dessus d'eux. Il semble que mouseover et mouseout événements serait une bonne façon de le faire.

http://www.createjs.com/Docs/EaselJS/classes/Container.html#event_mouseover

Cependant, il n'y a pas d'exemples dans les docs, ou, au moins, je ne pouvais pas trouver tout. J'ai essayé de googler, mais sans succès.

J'ai essayé quelque chose comme ceci:

stage.enableMouseOver();
var btn  = new createjs.Bitmap("mybtn.png");
btn.mouseover = function() {
    btn.x++;
};

et a trouvé que cela fonctionne:

btn.onMouseOver = function() {
    btn.x++;
};

mais les docs disent que cette variante est obsolète, et l'on devrait utiliser des événements. Quelle est la bonne manière?

Découvrez des exemples et des tutoriels qui font partie de la EaselJS GitHub - il y en a beaucoup! github.com/CreateJS/EaselJS
Grâce Lanny, ceux d'une grande aide.

OriginalL'auteur Milan Babuškov | 2013-05-08

  1. 7

    Vous devez utiliser addEventListener comme indiqué dans cet exemple (à chaque fois que vous déplacez votre souris sur le cercle, l'alpha/changements de transparence):

    http://jsfiddle.net/wiredprairie/U3PYD/

    circle.addEventListener("mouseover", function() {
   circle.alpha *= .80;
   stage.update();
});

    Il suppose que vous avez appelé enableMouseOver comme documenté ainsi:

    stage.enableMouseOver(20);
    C'est dommage que les performances sur ce qui est significatif. Juste permettant événements mouseover (sans ajout de n'importe quel gestionnaire) provoque un énorme impact sur les performances de mon application.
    Oui, il doit calculer le test de collision régions que vous déplacez votre souris autour, donc ça va être un gain de performance.

    OriginalL'auteur WiredPrairie