Verwenden von Adobe Animate CC im HTML5-Canvas-Modus mit externen JavaScript-Dateien

Question

Ich übertrage ein großes FLA AS3-Projekt in Canvas/JS. Ich habe eine große externe Ordnerstruktur von AS-Dateien und viele Bibliotheksobjekte, die Klassen zugeordnet sind.

Ich habe FLA in einen Canvas-Modus konvertiert, aber ich kann keine Möglichkeit finden, JS-Dateien den Objekten zuzuordnen. Ich habe Online-Beispiele über JS in Frame-Skripten gesehen, aber ich hoffe wirklich, einen Weg zu finden, um es mit externen Dateien und Bibliotheksobjekte Association zu tun.

Ich würde jede Richtung oder ein Beispiel dafür, wie es getan werden kann, schätzen.

Danke

Answer 1

Ich habe einige Zeit damit verbracht und schaffte es, ein besseres Verständnis zu bekommen, wie es funktioniert und erstellt ein einfaches Beispiel für AS-Dateien mit externem Flash Actionscript-Projekt konvertieren und objektorientierter Struktur in Animate CC Leinwand und Javascript-Dateien projizieren mit ähnlicher Dateistruktur.

Sie können es sehen bei https://github.com/xims/X-simple-flahtml

Answer 2

Was ich meine JS Dienstprogramme alle auf die html ist das Hinzufügen von on-the-fly von Animate mit appenChild wie folgt aus:

Bildskript:

function loadScript(url) { 
    var body = document.getElementsByTagName('body')[0]; 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = url; 
    body.appendChild(script); 
} 

loadScript('assets/app/myUtilities.js'); 
loadScript('assets/libs/coolTool.js'); 
loadScript('etc..'); 

s = this; //to have access to the stage 

und Zugriff auf die Bühne von der externen JS wie folgt aus:

s.my_movieclip.addEventListener("click", fl_MouseClickHandler.bind(s)); 

function fl_MouseClickHandler() { 
    console.log('I want banana!'); 
} 

Was ich gesehen habe ist, dass es leider nicht möglich scheint, Objekte dynamisch aus der Bibliothek in Animate mit Canvas zu instanziieren, ich denke, dass die beste Lösung ist, Ihre Ansichten auf der Timeline vorzubereiten.

Auf der anderen Seite, JS bieten viele Funktionen (zum Beispiel Aufruf von Bootstrap Dialog Modals aus Ihrem Code).