Updated examples

Signed-off-by: Lanny McNie <lanny@gskinner.com>

Author: Lanny McNie

examples/MediaGrid.html

@@ -137,8 +137,8 @@ <h1><span class="text-product">Preload<strong>JS</strong></span> Example: Media
 
             createjs.Sound.registerPlugin(createjs.HTMLAudioPlugin);  // need this so it doesn't default to Web Audio
             preload.installPlugin(createjs.Sound);
-            preload.addEventListener("fileload", handleFileLoaded);
-            preload.addEventListener("error", handleFileError);
+            preload.on("fileload", handleFileLoaded);
+            preload.on("error", handleFileError);
 		}
 
 		function loadManifest() {

examples/PreloadImages.html

@@ -95,9 +95,9 @@ <h1><span class="text-product">Preload<strong>JS</strong></span> Image Gallery</
             // Use this instead to use tag loading
             //preload = new createjs.PreloadJS(false);
 
-            preload.addEventListener("progress", handleProgress);
-            preload.addEventListener("complete", handleComplete);
-            preload.addEventListener("fileload", handleFileLoad);
+            preload.on("progress", handleProgress);
+            preload.on("complete", handleComplete);
+            preload.on("fileload", handleFileLoad);
             preload.loadManifest(manifest);
 
             createjs.Ticker.setFPS(30);
@@ -126,7 +126,7 @@ <h1><span class="text-product">Preload<strong>JS</strong></span> Image Gallery</
                 x: borderPadding/2 * 0.75,
                 y: borderPadding/2 * 0.75
             });
-            bmp.addEventListener("click", handleClick);
+            bmp.on("click", handleClick);
 
 
             var border = new createjs.Shape(
@@ -149,7 +149,7 @@ <h1><span class="text-product">Preload<strong>JS</strong></span> Image Gallery</
         function handleClick(event) {
            	currentItem = event.target.parent;
             var tween = createjs.Tween.get(currentItem, {override:true}).to({y:-350}, 200).call(tweenUpComplete).to({y:0}, 500);
-			tween.addEventListener("change", handleTweenChange);
+			tween.on("change", handleTweenChange);
         }        
 
 		function handleTweenChange(tween) {

examples/PreloadQueue.html

@@ -133,10 +133,10 @@ <h1><span class="text-product">Preload<strong>JS</strong></span> Preload Queue</
             // Use this instead to use tag loading
             //preload = new createjs.LoadQueue(false);
 
-            preload.addEventListener("fileload", handleFileLoad);
-            preload.addEventListener("progress", handleOverallProgress);
-            preload.addEventListener("fileprogress", handleFileProgress);
-            preload.addEventListener("error", handleFileError);
+            preload.on("fileload", handleFileLoad);
+            preload.on("progress", handleOverallProgress);
+            preload.on("fileprogress", handleFileProgress);
+            preload.on("error", handleFileError);
             preload.setMaxConnections(5);
         }
 

examples/SpriteSheet.html

@@ -75,7 +75,7 @@ <h1><span class="text-product">Easel<strong>JS</strong></span> Sprite Sheets</h1
             };
 
             var ss = new createjs.SpriteSheet(spriteSheet);
-            grant = new createjs.BitmapAnimation(ss);
+            grant = new createjs.Sprite(ss);
 
             // Set up looping
             ss.getAnimation("run").next = "run";
@@ -102,8 +102,8 @@ <h1><span class="text-product">Easel<strong>JS</strong></span> Sprite Sheets</h1
             ];
 
             loader = new createjs.LoadQueue();
-            loader.addEventListener("fileload", handleFileLoad);
-            loader.addEventListener("complete", handleComplete);
+            loader.on("fileload", handleFileLoad);
+            loader.on("complete", handleComplete);
             loader.loadManifest(manifest);
             stage.autoClear = false;
         }
@@ -159,7 +159,7 @@ <h1><span class="text-product">Easel<strong>JS</strong></span> Sprite Sheets</h1
             stage.onMouseDown = handleJumpStart;
 
             createjs.Ticker.setFPS(40);
-            createjs.Ticker.addEventListener("tick", tick);
+            createjs.Ticker.on("tick", tick);
         }
 
         function handleJumpStart() {