2017-09-27 12:54:26 +13:00

92 lines
2.1 KiB
JavaScript

function Guide()
{
Layer.call(this);
this.el.id = "guide";
this.update = function()
{
this.el.width = window.innerWidth * 2;
this.el.height = window.innerHeight * 2;
this.el.style.width = (window.innerWidth)+"px";
this.el.style.height = (window.innerHeight)+"px";
var u = ronin.guide.find_unit();
if(!u){ return; }
this.clear();
this.draw(u)
}
this.draw = function(u)
{
if(u.x && u.y){
this.draw_pos(u);
}
if(u.width && u.height){
this.draw_rect(u);
}
}
this.draw_rect = function(u)
{
var ctx = this.context();
u.x = !u.x ? 0 : u.x;
u.y = !u.y ? 0 : u.y;
var offset = {x:u.x * 2, y:u.y * 2};
var rect = {width:u.width * 2,height:u.height * 2};
ctx.beginPath();
ctx.globalCompositeOperation="source-over";
ctx.moveTo(offset.x,offset.y);
ctx.lineTo(offset.x + rect.width,offset.y);
ctx.lineTo(offset.x + rect.width,offset.y + rect.height);
ctx.lineTo(offset.x,offset.y + rect.height);
ctx.lineTo(offset.x,offset.y);
ctx.lineCap="round";
ctx.lineWidth = 2;
ctx.strokeStyle = "#000";
ctx.stroke();
ctx.closePath();
}
this.draw_pos = function(u)
{
var ctx = this.context();
var offset = 2;
var radius = 5;
var pos = {x:u.x * 2, y:u.y * 2};
ctx.beginPath();
ctx.globalCompositeOperation="source-over";
ctx.moveTo(pos.x+offset,pos.y);
ctx.lineTo(pos.x+radius,pos.y);
ctx.moveTo(pos.x,pos.y+offset);
ctx.lineTo(pos.x,pos.y+radius);
ctx.moveTo(pos.x-offset,pos.y);
ctx.lineTo(pos.x-radius,pos.y);
ctx.moveTo(pos.x,pos.y-offset);
ctx.lineTo(pos.x,pos.y-radius);
ctx.lineCap="round";
ctx.lineWidth = 2;
ctx.strokeStyle = "#000";
ctx.stroke();
ctx.closePath();
}
this.find_unit = function(q = ronin.commander.query())
{
for(method_id in q.methods){
var params = q.methods[method_id];
if(!params){ return null; }
if(params.from){ return params.from[0]; }
if(params[0]){ return params[0]; }
return params;
}
return null;
}
}