first attempt to implement GameObject

app/Game/Client/GameController.js

@@ -72,6 +72,10 @@ function (Parent, Box2D, PhysicsEngine, ViewManager, PlayerController, Notificat
             this.me.update();
         }
 
+        for (var i = 0; i < this.gameObjects.animated.length; i++) {
+            this.gameObjects.animated[i].render();
+        }
+
         this.view.render();
 
         this.stats.end();

app/Game/Client/GameObjects/GameObject.js

@@ -0,0 +1,31 @@
+define([
+	"Game/Core/GameObjects/GameObject"
+],
+ 
+function(Parent) {
+ 
+    function GameObject(physicsEngine, view) {
+    	this.view = view;
+    	Parent.call(this, physicsEngine);
+    	this.createMesh();
+    	this.render();
+    }
+
+    GameObject.prototype = Object.create(Parent.prototype);
+
+    GameObject.prototype.destroy = function() {
+    	// view ...
+    	Parent.prototype.destroy.call(this);
+    };
+ 
+    GameObject.prototype.render = function() {
+        throw new Exception('Abstract method GameObject.render not overwritten');
+    }
+
+    GameObject.prototype.createMesh = function() {
+    	throw new Exception('Abstract method GameObject.getMesh not overwritten');
+    };
+ 
+    return GameObject;
+ 
+});

app/Game/Client/GameObjects/Tile.js

@@ -0,0 +1,48 @@
+define([
+	"Game/Core/GameObjects/Tile",
+	"Game/Config/Settings"
+],
+ 
+function (Parent, Settings) {
+ 
+    function Tile(physicsEngine, view, options) {
+    	Parent.call(this, physicsEngine, view, options);
+    }
+
+    Tile.prototype = Object.create(Parent.prototype);
+
+    Tile.prototype.createMesh = function() {
+    	var self = this;
+
+    	var material = "Stones";
+    	var imgPath = Settings.GRAPHICS_PATH
+    				+ Settings.GRAPHICS_SUBPATH_TILES
+    				+ material + '/'
+    				+ this.options.s + ''
+    				+ this.options.r + '.gif';
+
+    	var callback = function(mesh) {
+    		self.mesh = mesh;
+    		self.view.addMesh(mesh);
+    	}
+
+    	this.view.createMesh(
+    		Settings.TILE_SIZE, 
+    		Settings.TILE_SIZE, 
+    		0, 
+    		0, 
+    		imgPath, 
+    		callback
+    	);
+    };
+
+    Tile.prototype.render = function() {
+    	this.view.updateMesh(this.mesh, {
+    		x: this.options.x * Settings.TILE_SIZE,
+    		y: this.options.y * Settings.TILE_SIZE,
+    	})
+    }
+ 
+    return Tile;
+ 
+});

app/Game/Client/View/Views/AbstractView.js

@@ -29,6 +29,10 @@ function (DomController, Settings, Exception) {
         }
     }
 
+    AbstractView.prototype.addMesh = function(mesh) {
+        throw new Exception('Abstract Function addMesh not overwritten ');
+    };
+
     AbstractView.prototype.loadPlayerMesh = function(player) {
         throw new Exception('Abstract Function loadPlayerMesh not overwritten ');
     };

app/Game/Client/View/Views/PixiView.js

@@ -47,7 +47,7 @@ function (Parent, DomController, PIXI, Settings) {
 
                 var material = self.tileAtPositionExists(objects, o.x, o.y -1) ? "Soil" : "GrassSoil";
                 var callback = function(mesh) {
-                    self.container.addChild(mesh);
+                    self.addMesh(mesh);
                     //console.log("img height:", mesh.material.map.image.height);
                     //mesh.rotation.z = rad;
                 };
@@ -62,48 +62,56 @@ function (Parent, DomController, PIXI, Settings) {
             this.setCameraPosition(pos.x, pos.y);
         }
 
+        /*
         for (var i = 0; i < this.movableObjects.length; i++) {
             var obj = this.movableObjects[i];
             var pos = obj.player.getPosition();
             obj.mesh.position.x = pos.x * Settings.RATIO + 4 ;
             obj.mesh.position.y = pos.y * Settings.RATIO - 34; // weirdly a different magic number as for three
         }
+        */
 
         this.renderer.render(this.stage);
     }
 
-    PixiView.prototype.createMesh = function (width, height, x, y, imgPath, callback, isTile) {
+    PixiView.prototype.addMesh = function(mesh) {
+        this.container.addChild(mesh);
+    };
+
+    PixiView.prototype.createMesh = function (width, height, x, y, imgPath, callback) {
 
         var texture = PIXI.Texture.fromImage(imgPath);
-        var mesh;
 
-        //if(isTile) {
-        //    mesh = new PIXI.TilingSprite(texture, width, height);
-        //} else {
-
-        mesh = new PIXI.Sprite(texture);
+        var mesh = new PIXI.Sprite(texture);
         mesh.width = width;
         mesh.height = height;
-
-        //}
-        
         mesh.position.x = x;
         mesh.position.y = y;
 
         callback(mesh);
     }
 
+    PixiView.prototype.updateMesh = function(mesh, options) {
+        if (options.x) mesh.position.x = options.x;
+        if (options.y) mesh.position.y = options.y;
+        if (options.rotation) mesh.rotation = options.rotation;
+        if (options.xScale) mesh.scale.x = options.xScale;
+        if (options.yScale) mesh.scale.y = options.yScale;
+        if (options.width) mesh.width = options.width;
+        if (options.height) mesh.height = options.height;
+    };
+
     PixiView.prototype.addPlayer = function(player) {
         var self = this;
         var mesh = null;
         var pos = player.getPosition();
         var size = {w:10, h:42};
         var callback = function(mesh) {
-            self.container.addChild(mesh);
+            self.addMesh(mesh);
             self.movableObjects.push({
                 player: player,
                 mesh: mesh
-            });            
+            });
         }
         this.createMesh(size.w, size.h, pos.x, pos.y, "static/img/Characters/Chuck/chuck.png", callback, false);
     };

app/Game/Client/View/Views/ThreeView.js

@@ -61,7 +61,7 @@ function (Parent, DomController, Three, Settings) {
                 var material = self.tileAtPositionExists(objects, o.x, o.y -1) ? "Soil" : "GrassSoil";
                 
                 self.createMesh(Settings.TILE_SIZE, Settings.TILE_SIZE, x, y, 'static/img/Tiles/' + material + '/' + o.s + '' + o.r + '.gif', function(mesh) {
-                    self.scene.add(mesh);
+                    self.addMesh(mesh);
                     //console.log("img height:", mesh.material.map.image.height);
                     //mesh.rotation.z = rad;
                 });
@@ -86,6 +86,10 @@ function (Parent, DomController, Three, Settings) {
         this.renderer.render(this.scene, this.camera);
     }
 
+    ThreeView.prototype.addMesh = function(mesh) {
+        this.scene.add(mesh);
+    };
+
     ThreeView.prototype.createMesh = function (width, height, x, y, imgPath, callback) {
         var mesh;
         var material = new Three.MeshLambertMaterial({
@@ -101,13 +105,24 @@ function (Parent, DomController, Three, Settings) {
         mesh.position.y = y;
     }
 
+    ThreeView.prototype.updateMesh = function(mesh, options) {
+        if (options.x) mesh.position.x = options.x;
+        if (options.y) mesh.position.y = options.y;
+        if (options.rotation) mesh.rotation.z = options.rotation * (Math.PI / 180);
+        if (options.xScale) mesh.width *= options.xScale;
+        if (options.yScale) mesh.height *= options.yScale;
+        if (options.width) mesh.width = options.width;
+        if (options.height) mesh.height = options.height;
+    };
+
+
     ThreeView.prototype.addPlayer = function(player) {
         var self = this;
         var mesh = null;
         var pos = player.getPosition();
         var size = {w:10, h:42};
         var callback = function(mesh) {
-            self.scene.add(mesh);
+            self.addMesh(mesh);
             self.movableObjects.push({
                 player: player,
                 mesh: mesh