Zim Createjs

Es ist nicht einfach, das Framework und die Plattform ZIM in einigen Worten zu beschreiben. Die Basis bildet die Creatjs-Bibliothek. Anders als Adobe Animate wird bei ZIM aber kein riesiges Programm angeboten, hier wird eine Bibliothekserweiterung angeboten, mit der in Kurzschreibweise Parameter an die CreateJS-Funktionen übergeben werden können und so einfach und übersichtlich Resultate beim coden mit Creatjs erreicht werden können. Die Herausforderung, dass dazu einige Proprietäre Code-Schnippsel erforderlich sind, wird durch eine umfangreiche Dokumentation wettgemacht.

Eine fast unglaubliche Lernumgebung, eine übersichtliche Dokumentation (ZIM-Docs), Hilfe zum Einstieg Startumgebung (ZIM-Code), viele Beispiele (ZIM-Bits) und eine inspirierende Website runden das Framework ab.

Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.

HTML Elemente

            
            



<!doctype html>
<html lang="de">
<head>
  <meta charset=utf-8>
  <title>Zim-CreateJS-Animation - Zim Createjs</title>
      <script src="https://d309knd7es5f10.cloudfront.net/createjs.min.js"></script>
      <script>
        var zon = true; 
        var zns = false; 
      </script>
    <script src="https://d309knd7es5f10.cloudfront.net/zim_6.7.3.js"></script>

    <script>
	var scaling = "fit"; 
	var width = 1024;
	var height = 768;

	var frame = new Frame(scaling, width, height);
	frame.on("ready", function() {

		var stage = frame.stage;
		var stageW = frame.width;
		var stageH = frame.height;
		frame.outerColor = "#44f";
		frame.color = "#ccf";

		var circle = new Circle(100, "red");
		circle.center(stage).drag();

		stage.update(); 
	}); 
    </script>
    <style>

    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>
    <body>
	<!-- braucht nix. <canvas>Irgendwas</canvas> -->
    </body>
</html>


 

            

DB-Table: ZimStart