Depot43-Unterlagen - Createjs Start

Code Elemente - HTML - CSS - JS

            
            

<!doctype html>
<html lang="de">
<head>
  <meta charset=utf-8>
  <title>Creatjs - HTML5 CSS3 JS</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

  <!-- CSS *************************** -->
  <style>
	body {
		background-color:green;
	}
	  canvas {
	  	border: 1px solid grey;
	  }
  </style>
  </head>

<!-- HTML *************************** -->
<body onload="init();">

<h1>Createjs-Start</h1>
<canvas id="demoCanvas" width="500" height="300"></canvas>


  <!-- Javascript ************************ -->
  <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
  
  <script type="text/javascript">
  
   function init() {
        var stage = new createjs.Stage("demoCanvas");
        var circle = new createjs.Shape();
        circle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, 50);
        circle.x = 100;
        circle.y = 100;
        stage.addChild(circle);
        stage.update();
 }
  
  </script>
</body>
</html>




            

Createjs Start

Website createjs.com

Tools / Programme die Createjs nutzen