diff options
Diffstat (limited to 'public/assets/javascripts/rectangles/engine/map/draw.js')
| -rw-r--r-- | public/assets/javascripts/rectangles/engine/map/draw.js | 39 |
1 files changed, 28 insertions, 11 deletions
diff --git a/public/assets/javascripts/rectangles/engine/map/draw.js b/public/assets/javascripts/rectangles/engine/map/draw.js index a441de4..8e1fe5a 100644 --- a/public/assets/javascripts/rectangles/engine/map/draw.js +++ b/public/assets/javascripts/rectangles/engine/map/draw.js @@ -1,5 +1,7 @@ -var MapDraw = function(map){ +Map.Draw = function(map, opt){ + + opt = defaults(opt, { minimap: false }) var draw = this @@ -8,17 +10,30 @@ var MapDraw = function(map){ draw.animate = function(){ ctx.save() draw.clear() - draw.ruler() + // draw.ruler() - ctx.translate( map.dimensions.a * 1/2, map.dimensions.b * 1/2) - ctx.scale( map.zoom, map.zoom ) - ctx.translate( map.center.a, map.center.b) - ctx.scale( -1, 1 ) + if (opt.minimap) { + ctx.translate( map.dimensions.a * 1/2, map.dimensions.b * 1/2) + ctx.scale( map.zoom, map.zoom ) + ctx.translate( opt.center.x, - opt.center.z ) + ctx.scale( -1, 1 ) - draw.regions(Rooms.regions, colors) - draw.mouse(map.ui.mouse.cursor) - draw.coords() - scene && draw.camera(scene.camera) + draw.coords() + draw.regions(Rooms.regions, [ "#fff" ]) + draw.camera(scene.camera) + } + + else { + ctx.translate( map.dimensions.a * 1/2, map.dimensions.b * 1/2) + ctx.scale( map.zoom, map.zoom ) + ctx.translate( map.center.a, map.center.b ) + ctx.scale( -1, 1 ) + + draw.regions(Rooms.regions, colors) + draw.mouse(map.ui.mouse.cursor) + draw.coords() + scene && draw.camera(scene.camera) + } ctx.restore() } @@ -29,7 +44,7 @@ var MapDraw = function(map){ ctx.translate( map.dimensions.a * 1/2, map.dimensions.b * 1/2) ctx.scale( map.zoom, map.zoom ) - ctx.translate( map.center.a, map.center.b) + ctx.translate( map.center.a, map.center.b ) ctx.scale( -1, 1 ) draw.regions(Rooms.regions, ["#fff"]) @@ -109,6 +124,7 @@ var MapDraw = function(map){ } draw.coords = function(){ + /* ctx.fillStyle = "#888"; dot_at(0,0) ctx.fillStyle = "#bbb"; @@ -120,6 +136,7 @@ var MapDraw = function(map){ ctx.fillStyle = "#eee"; dot_at(300,0) dot_at(0,300) + */ ctx.strokeStyle = "rgba(0,0,0,0.1)" ctx.lineWidth = 1/map.zoom |