From 67b90ec002582e0e24457443f499f1b94433fd80 Mon Sep 17 00:00:00 2001
From: Sven Slootweg <jamsoftgamedev@gmail.com>
Date: Mon, 6 Aug 2012 03:11:31 +0200
Subject: [PATCH] Basic isometric grid drawing

---
 map_isometric.js | 105 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 105 insertions(+)
 create mode 100644 map_isometric.js

diff --git a/map_isometric.js b/map_isometric.js
new file mode 100644
index 0000000..0c93837
--- /dev/null
+++ b/map_isometric.js
@@ -0,0 +1,105 @@
+if(RadiumEngine !== undefined)
+{
+	/*Class*/ RadiumEngine.prototype.IsometricMap = function(canvas)
+	{
+		this.tile_width = 32;
+		this.tile_height = 64;
+		this.width = 20;
+		this.height = 20;
+		this.fill_screen = false;
+		
+		this.canvas = canvas
+		this.context = canvas.getContext("2d");
+		
+		var Configure = this.Configure = function(tile_width, tile_height)
+		{
+			this.tile_width = tile_width;
+			this.tile_height = tile_height;
+		}
+		
+		this.SetFill = function(enabled)
+		{
+			if(enabled === true)
+			{
+				$(this.canvas).css({
+					'position': "absolute",
+					'left': "0px",
+					'top': "0px"
+				});
+				
+				$('body').css({
+					'overflow': "hidden"
+				});
+			}
+			
+			this.fill_screen = enabled;
+			this.UpdateSize();
+		}
+		
+		this.UpdateSize = function()
+		{
+			if(this.fill_screen === false)
+			{
+				this.canvas.width = $(this.canvas).width();
+				this.canvas.height = $(this.canvas).height();
+			}
+			else
+			{
+				this.canvas.width = window.innerWidth;
+				this.canvas.height = window.innerHeight;
+				
+				$(this.canvas).css({
+					'width': window.innerWidth + "px",
+					'height': window.innerHeight + "px"
+				});
+			}
+		}
+		
+		var Redraw = this.Redraw = function()
+		{
+			console.log(this)
+			for(var i = 0; i < 6; i++)
+			{
+				for(var r = 0; r < 6; r++)
+				{
+					this.DrawTile(r, i);
+				}
+			}
+		}
+		
+		this.DrawTile = function(tile_x, tile_y)
+		{
+			var pos_x = tile_x * this.tile_width;
+			var pos_y = tile_y * this.tile_height;
+			
+			var t1 = new RadiumEngine.Point(pos_x + (this.tile_width / 2), pos_y);
+			var t2 = new RadiumEngine.Point(pos_x + this.tile_width, pos_y + (this.tile_height / 2));
+			var t3 = new RadiumEngine.Point(pos_x + (this.tile_width / 2), pos_y + this.tile_height);
+			var t4 = new RadiumEngine.Point(pos_x, pos_y + (this.tile_height / 2));
+			
+			this.context.beginPath();
+			
+			this.context.moveTo(t1.x, t1.y);
+			this.context.lineTo(t2.x, t2.y);
+			this.context.lineTo(t3.x, t3.y);
+			this.context.lineTo(t4.x, t4.y);
+			this.context.lineTo(t1.x, t1.y);
+			
+			this.context.lineWidth = 1;
+			this.context.strokeStyle = "blue";
+			this.context.stroke();
+			
+			this.context.beginPath();
+			
+			this.context.moveTo(pos_x, pos_y);
+			this.context.lineTo(pos_x + this.tile_width, pos_y);
+			this.context.lineTo(pos_x + this.tile_width, pos_y + this.tile_height);
+			this.context.lineTo(pos_x, pos_y + this.tile_height);
+			this.context.lineTo(pos_x, pos_y);
+			
+			this.context.lineWidth = 1;
+			this.context.strokeStyle = "red";
+			this.context.stroke();
+		}
+	}
+}