Click einmal auf das innere Quadrat
var direction = false;
this.square.addEventListener("click", startIt);
function startIt(evt){
evt.currentTarget.addEventListener("tick", VisibleOrNot);
}
function VisibleOrNot(evt){
if (evt.currentTarget.alpha <= 0) {
direction = true;
}
if (evt.currentTarget.alpha >= 1) {
direction = false;
}
if (direction) {
evt.currentTarget.alpha += 0.01;
}
else {
evt.currentTarget.alpha -= 0.01;
}
}
currentTarget, bezieht sich immer auf das Objekt, auf den der EventListener registriert ist. Hier ist der EventListener auf das inneres Quadrat namens square registriert. Mehr dazu im Thema Event.
this.square.addEventListener("click", startIt);
alpha ist eine Eigenschaft des Movieclips. Es bestimmt die Transparenz in einem Wert von 0 bis 1.
Das Quadrat bekommt einen click-Event Listener mit Aufruf der Funktion startIt. In dieser Funktion wird ein tick-EventListener zugewiesen und die Funktion VisibleOrNot wird aufgerufen. In dieser Funktion wird der Alpha Wert des Quadrats erhöht oder verringert.
var direction = false;
Eine Variable direction, die außerhalb der Funktion initialisiert wurde hat den boolschen Datentyp, mit dem Wert true oder false. Dieser Wert bestimmt die Richtung von alpha oder anderes ausgedrückt, ob alpha erhöht wird oder verringert.
In den ersten beiden if-Strukturen der Funktion VisibleOrNot, wird direction auf true gesetzt, wenn alpha unter oder gleich 0 ist. Danach wird direction auf false gesetzt, wenn alpha größer oder gleich 1 ist.
In einer weiteren if-else Struktur wird der Wert von direction abgefragt und je nachdem alpha erhöht oder verringert.
Das ist nur eine von vielen Möglichkeiten. In weiteren Beispielen wird ein ähnlicher Sachverhalt auf andere Weise realisiert.