Preloader / Adobe Animate CC

var queue = new createjs.LoadQueue();
queue.on("progress", handleProgress, this);
queue.on("complete", handleComplete, this);
queue.loadFile({id:"app", src:"app.js"});
function handleProgress(e) {
	this.loaderBar.gotoAndStop(Math.round(e.loaded*100));
}
function handleComplete() {
	init();
}
var canvas, stage, exportRoot;
function init() {
 
	canvas = document.getElementById("canvas");
	exportRoot = new lib.app();
 
	stage = new createjs.Stage(canvas);
	stage.addChild(exportRoot);
	stage.update();
	stage.enableMouseOver();
 
	createjs.Ticker.setFPS(lib.properties.fps);
	createjs.Ticker.addEventListener("tick", stage);
}

Keyboardshortcuts / Adobe Animate CC

Werkzeuge
A – Pfeil/Cursor
T – Textwerkzeug
P – Freihand
I – Tintenfass
B – Pinsel
U – Füllwerkzeug
E – Radiergummi
D – Pipette
M – Lupe
L – Lasso

Bilder
F5 – Bild hinzufügen
Umschalt + F5 – Bild löschen
F6 – Keyframe hinzufügen
F7 – Leeres Keyframe
F8 – Symbol hinzufügen
 
Zeitleiste
Eingabetaste – Abspielen
Befehl/Strg + 0 (Null) – Zurückspulen
< - Vorheriges Bild > – Nächstes Bild

Home
– Zur ersten Szene
Ende – Zur letzten Szene
Bild auf – Zur vorherigen Szene
Bild ab – Zur nächsten Szene

Datei
Befehl/Strg+R – Bild/Ton usw. importieren
Befehl/Strg + Umschalt + R – Exportieren in .swf/.spl/.gif/ usw.
Befehl/Strg + Umschalt + O – Als Bibliothek öffnen

Ansicht
Befehl/Strg+1 – Film in Originalgröße ansehen
Befehl/Strg+2 – Bild anzeigen
Befehl/Strg+3 – Alle anzeigen

Windows
Befehl/Strg+L Bibliothek ein-/ausblenden
Befehl/Strg+M – Filmeigenschaften ändern
Befehl/Strg+E – Wecheln zwischen Film- und Symbolbearbeitungsmodus
Befehl/Strg+Umschalt+L – Zeitleiste ein-/ausblenden
Befehl/Strg+Umschalt+W – Arbeitsbereich ein-/ausblenden

Ändern und Bearbeiten
Befehl/Strg+G – Gruppieren
Befehl/Strg + U – Gruppierung aufheben
Befehl/Strg + B – Teilen
Befehl/Strg + Umschalt + V – An Position einfügen
Befehl/Strg + D – Duplizieren
Befehl/Strg + A – Alles auswählen
Befehl/Strg + Umschalt + A – Auswahl aufheben
Befehl/Strg + Umschalt + O – Kurven optimieren
Befehl/Strg + K – Fenster ausrichten
Befehl/Strg + Umschalt + S – Skalieren und Drehen
Befehl/Strg + Umschalt + Z – Transformation entfernen
Befehl/Strg + Pfeil nach oben – Nach vorn
Befehl/Strg + Pfeil nach unten – Nach hinten
Befehl/Strg + Umschalt + Pfeil nach oben – In den Vordergrund
Befehl/Strg + Umschalt + Pfeil nach unten – In den Hintergrund
Befehl/Strg + T – Schriftart ändern
Befehl/Strg + Umschalt + T – Absatz ändern
Befehl/Strg + Pfeil nach links – Kleinerer Zeichenabstand (Kerning)
Befehl/Strg + Pfeil nach rechts – Größerer Zeichenabstand (Kerning)

Full Screen / HTML5 Canvas

  1. <style>
  2. * { margin:0; padding:0; } 
  3. html, body { width:100%; height:100%; } 
  4. canvas { display:block; } 
  5. </style>
  1. (function() {
  2. 	var canvas = document.getElementById('canvas');
  3. 	window.addEventListener('resize', resizeCanvas, false);
  4. 	function resizeCanvas() {
  5. 		canvas.width = window.innerWidth;
  6. 		canvas.height = window.innerHeight;
  7. 	}
  8. 	resizeCanvas();    
  9. })();

Tween / CreateJS

  1. var target = this.button_1;
  2. var tween = createjs.Tween.get(target, {
  3. 	loop: true
  4. })
  5. 	.to({
  6. 		x: target.x,
  7. 		y: canvas.height - 55,
  8. 		rotation: -360
  9. 	}, 1500, createjs.Ease.bounceOut)
  10. 	.wait(1000)
  11. 	.to({
  12. 		x: canvas.width - 55,
  13. 		rotation: 360
  14. 	}, 2500, createjs.Ease.bounceOut)
  15. 	.wait(1000)
  16. 	.to({
  17. 		scaleX: 2,
  18. 		scaleY: 2,
  19. 		x: canvas.width - 110,
  20. 		y: canvas.height - 110
  21. 	}, 2500, createjs.Ease.bounceOut);

Adobe Animate CC – HTML5 Canvas – LinearGradientFill

  1. var corner_radius = 10;
  2. var colors = ["#ff0000", "rgba(0,0,0,1)"];
  3. var ratios = [0, 1];
  4. var x0 = 0;
  5. var y0 = 0;
  6. var x1 = 0;
  7. var y1 = 130
  8. var shape = new createjs.Shape(new createjs.Graphics().beginLinearGradientFill(colors, ratios, x0, y0, x1,y1).drawRoundRect(0, 0, 120, 120, corner_radius));
  9. this.addChild(shape);