Navigation mit Javascript mit prototype

 

createjs.MovieClip.prototype.nav = function (mc, no) {
this.on("mouseover", function () {
this.gotoAndPlay(1);
mc.gotoAndStop(no);
});
this.on("mouseout", function () {
this.gotoAndStop(0);
mc.gotoAndStop(0);
});
}

var frequency = 10;

stage.enableMouseOver(frequency);

this.nav1_mc.nav(this.insect_mc, 1);
this.nav2_mc.nav(this.insect_mc, 2);
this.nav3_mc.nav(this.insect_mc, 3);

Vergleiche die beiden Scripte. In die prototype Funktion wurden die beiden Funktionen für einen einzelnen Button eingefügt und ein wenig abgeändert. Der mc insect_mc wird als Parameter übergeben und die Bildnummer wird als Parameter übergen, denn diese ändert sich. Alle weiteren Eigenschaften, die unterschiedliche Werte haben, kann man als weitere Paramter definieren. Beispielsweise könnten die Buttons unterschiedlich beschriftet sein.

voriges Beispiel / nächstes Beispiel / Animate CC Tipps