2 Canvas Elemente auf einer Seite

Es ist ganz einfach, wenn man AnimateCC und Dreamweaver / Muse hat, denn dann hat man die Möglichkeit
von AnimateCC aus ein OAM Paket zu exportieren (veröffentlichen) und in es Dreameaver mittels Einfügen / Animierte Komposition einzufügen.

Hier ein Tutorial von Adobe

 

1) Erstelle eine HTML5 Canvas Datei in AnimateCC. Wähle Datei / Einstellungen für Veröffentlichung.
Aktiviere links die Option OAM und wähle den Ordner und Dateinamen für den Export.
Klicke auf Veröffentlichen.

2) Öffne Dreamweaver, erstelle oder öffne eine HTML Seite.
Klicke auf die gewünschte Stelle der Seite wo das neue Element erscheinen soll.
Wähle im Einfügen Fenster / HTML / Animierte Komposition.
Verfahre genauso mit weiteren Elementen.

3.) Lade alles außer den fla Dateien hoch auch die veröffentlichten HTML-Seiten und Javascript Dateien

Sollte man die Seiten in einen anderen Ordner verschieben, muss man darauf achten,
dass die Verknüpfung auf die HTML Seite stimmt. Dazu wirft man einfach mal ein Blick in den Quelltext
data = meineSeite.html

Die HTML5 / Canvas Anwendungen sind voll funktionsfähig. Klicke auf den ersten Apfel, damit er sich bewegt.