topical media & game development

talk show tell print

mobile-graphic-easel-tutorials-Inheritance-demo.htm / htm



  <!DOCTYPE html>
  <html>
  <head>
          <title>EaselJS demo: Inheritance</title>
          <link href="../shared/demo.css" rel="stylesheet" type="text/css">
          <script src="../../lib/easeljs-0.6.0.min.js"></script>
          <script src="Button.js"></script>
          <script>
                  var stage, holder;
                  function init() {
                          stage = new createjs.Stage("demoCanvas");
                          
                          var btn1 = stage.addChild(new Button("Hello!", "#F00"));
                          btn1.x = 20;
                          btn1.y = 20;
                          
                          var btn2 = stage.addChild(new Button("Goodbye.", "#0F0"));
                          btn2.x = 20;
                          btn2.y = btn1.y + 50;
                          
                          var btn3 = stage.addChild(new Button("Hello again!!", "#0FF"));
                          btn3.y = btn2.y + 50;
                          
                          
                          btn1.x = btn2.x = btn3.x = 20;
                          
                          createjs.Ticker.addEventListener("tick", stage);
                  }
          </script>
  </head>
  <body onLoad="init();">
          <canvas id="demoCanvas" width="300" height="200">
                  alternate content
          </canvas>
  </body>
  </html>


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.