Adobe Animieren gotoAndStop für Movieclip

Question

Ich habe HTML5-Leinwand erstellt und Rechteck wie Film (Movie1) hinzugefügt Dann habe ich Animate für Movie1 erstellt Aber ich weiß nicht, wie JS funktioniert, wenn ich versuche Animate zu stoppen.

AS3 Aktion: Frame1

trace (this.Movie1); 
this.Movie1.gotoAndStop(1); 

Wie ich brauche es auf JS zu schreiben?

Ich überprüfe anders, aber alle funktionieren nicht.

this.Movie1.gotoAndStop(1); 
Movie1.gotoAndStop(1); 

öffnete ich Konsole IE und sah

SCRIPT5007: Kann nicht Eigentum 'gotoAndStop' undefinierter oder NULL-Verweis

auch ich

zweite Beispiel

this.stop(); 
alert(this.Movie1);// output: MovieClip (name=null) 
//this.Movie1.gotoAndStop(1); 

this.addEventListener('click', alertpopup); 

function alertpopup(){ 

    //this.Movie1.gotoAndStop(1); 
    alert(this.Movie1); // output: undefined ??? 
} 

Also ich schrieb bekommen entschied diese Aufgabe nur, wenn ich Code in generierte HTML-Datei am Ende Function Init() eingefügt. So etwas wie das

var canvas, stage, exportRoot; 
function init() { 
    // --- write your JS code here --- 

    canvas = document.getElementById("canvas"); 
    exportRoot = new lib.ExAS3_Canvas(); 

    stage = new createjs.Stage(canvas); 
    stage.addChild(exportRoot); 
    stage.update(); 

    createjs.Ticker.setFPS(lib.properties.fps); 
    createjs.Ticker.addEventListener("tick", stage); 

    Update(exportRoot); 
} 

function Update(root){ 
    <!-- write your code here --> 
    root.stop(); 
    //this.Movie1.name = 'Movie1'; 
    console.log("m=" + root.Movie1); 
    root.Movie1.stop(); 

    root.Movie1.addEventListener('click', alertpopup); 

    function alertpopup(){ 
     root.Movie1.gotoAndStop(1); 
     console.log("r=" + root.Movie1); 
    } 
} 

Warum funktioniert der Code nicht von der IDE?

Ich versuche auf exportRootthis auf meinem ersten Frame zu ändern und es funktioniert teilweise

//this.Movie1.stop(); // it doesn't work 
//exportRoot.Movie1.stop(); // it doesn't work 
this.Movie1.addEventListener('click', alertpopup); 
var i = 0; 
function alertpopup(){ 
    i++; 
    if(i==2) i = 0; 
    exportRoot.Movie1.gotoAndStop(i);      
} 

Answer 1

Ich fand, dass der Code in dem ersten Frame Schreiben ein Problem gibt mit Videoclips auf der Bühne (dieses in Verbindung zu setzen. Movie1) - aber das Einfügen des Codes in den zweiten Frame hilft. Auch habe ich festgestellt, dass die Verwendung von "this" innerhalb einer Funktion manchmal den üblichen js-Fehler ergibt: "this" bezieht sich auf die Funktion, und nicht auf das Objekt, das Sie "drinnen" sind (Stage). Löse dieses Problem durch eine Variable "var that = this;" und verwenden Sie "das" anstelle von "dies" innerhalb der Funktion.