1 files changed, 52 insertions, 0 deletions
diff --git a/client/assets/javascripts/rectangles/engine/scenery/image/_image.js b/client/assets/javascripts/rectangles/engine/scenery/image/_image.js
new file mode 100644
index 0000000..dadb2d2
--- /dev/null
+++ b/client/assets/javascripts/rectangles/engine/scenery/image/_image.js
@@ -0,0 +1,52 @@
+Scenery.image = function (wall, img) {
+
+	var base = this
+	
+	base.wall = wall
+	base.img = img
+	base.dimensions = new vec2(img.width, img.height)
+	base.center = wall.center()
+	base.bounds = wall.bounds_for(img)
+
+	// should be proportional to distance from wall
+	var cursor_amp = 1.5
+	
+	base.init = function(){
+		base.build()
+		base.bind()
+	}
+	
+	base.build = function(){
+		base.mx_img = new MX.Image({
+			src: img.src,
+			x: base.center.a,
+			y: Rooms.list[wall.room].height/2 - img.height/2 - 20,
+			z: base.center.b,
+			scale: 300/img.naturalWidth,
+			rotationY: wall_rotation[ wall.side ],
+			backface: false,
+		})
+		scene.add( base.mx_img )
+		base.move = new Scenery.image.move (base)
+	}
+	
+	base.bind = function(){
+		base.move.bind()
+// 		base.resize.bind()
+		$(base.mx_img.el).bind({
+			mouseenter: function(e){
+// 				console.log('entered an image')
+				// show the resize points for this image
+				Scenery.resize.show(base)
+				Scenery.image.hovering = true
+			},
+			mouseleave: function(e){
+// 				console.log('left an image')
+				Scenery.resize.defer_hide(base)
+				Scenery.image.hovering = false
+			}
+		})
+	}
+	
+	return base
+}