Fix #355, Update texture with .asSprite() method

src/engine/Loader.ts

@@ -20,6 +20,7 @@ module ex {
       public height: number;
       public loaded: Promise<any> = new Promise<any>();
       private _isLoaded: boolean = false;
+      private _sprite: Sprite = null;
 
       /**
        * Populated once loading is complete
@@ -33,6 +34,7 @@ module ex {
 
       constructor(public path: string) {
          super(path, 'blob');
+         this._sprite = new Sprite(this, 0, 0, 0, 0);
       }
 
 
@@ -59,6 +61,8 @@ module ex {
             this.image = new Image();
             this.image.addEventListener("load", ()=>{
                this._isLoaded = true;
+               this.width = this._sprite.swidth = this._sprite.width = this.image.naturalWidth;
+               this.height = this._sprite.sheight = this._sprite.height = this.image.naturalHeight;
                this.loaded.resolve(this.image);
                complete.resolve(this.image);
             });
@@ -71,6 +75,10 @@ module ex {
          return complete;
       }
 
+      public asSprite(): Sprite {
+         return this._sprite;
+      }
+
    }
 
    /**

src/engine/Sprite.ts

@@ -44,6 +44,8 @@ module ex {
          this.spriteCanvas.height = sheight;
          this.spriteCtx = this.spriteCanvas.getContext('2d');
          this.texture.loaded.then(()=>{
+            this.spriteCanvas.width = this.spriteCanvas.width || this.texture.image.naturalWidth;
+            this.spriteCanvas.height = this.spriteCanvas.height || this.texture.image.naturalHeight;
             this.loadPixels();            
             this.dirtyEffect = true;
          }).error((e)=>{