dakedres/ronin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improved stencil

Browse Source
This commit is contained in:
Devine Lu Linvega 2016-12-29 09:57:53 -07:00
parent 1273898220
commit ded226c16f
3 changed files with 45 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scripts/filters/filter.js
View File

@ -3,12 +3,12 @@ function Filter()
this.name = "Unknown";
this.parameters = [];
this.render = function(p)
this.render = function(cmd)
{
console.log("render: Nothing here.");
}
this.preview = function(p)
this.preview = function(cmd)
{
console.log("render: Nothing here.");
}

71
scripts/filters/stencil.js
View File

@ -2,39 +2,40 @@ function Filter_Stencil()
{
Filter.call(this);
this.render = function()
this.render = function(cmd)
{
this.draw();
this.draw(this.context(),cmd.angle() ? cmd.angle().degrees : 20);
ronin.overlay.clear();
}
this.preview = function()
this.preview = function(cmd)
{
ronin.overlay.clear();
this.draw(ronin.overlay.context(),cmd.angle() ? cmd.angle().degrees : 20);
}
this.draw = function()
this.draw = function(context = this.context(), angle = 20)
{
var context = this.context();
var w = ronin.surface.size.width;
var h = ronin.surface.size.height;
context.translate(w/2,h/2);
context.rotate(20*Math.PI/180);
context.rotate(angle*Math.PI/180);
this.line(-w,0,w,0);
this.line(context,-w,0,w,0);
this.line(w*0.4,-h,w*0.4,h);
this.line(-w*0.4,-h,-w*0.4,h);
this.line(context,w*0.4,-h,w*0.4,h);
this.line(context,-w*0.4,-h,-w*0.4,h);
this.line(-w,h*0.25,w,h*0.25);
this.line(-w,-h*0.25,w,-h*0.25);
this.line(context,-w,h*0.25,w,h*0.25);
this.line(context,-w,-h*0.25,w,-h*0.25);
this.line(w*0.1,0,w*0.1,h);
this.line(-w*0.1,0,-w*0.1,-h);
this.line(context,w*0.1,0,w*0.1,h);
this.line(context,-w*0.1,0,-w*0.1,-h);
this.circle(w*0.4,-h*0.25,w*0.05,1,1.5);
this.circle(-w*0.4,h*0.25,w*0.05,0,0.5);
this.circle(context,w*0.4,-h*0.25,w*0.05,1,1.5);
this.circle(context,-w*0.4,h*0.25,w*0.05,0,0.5);
context.font = "5px Arial";
context.fillStyle = "#000000";
@ -44,32 +45,30 @@ function Filter_Stencil()
context.fillStyle = "#000000";
context.fillText("GRID",(-w*0.4)-20,-10);
context.rotate(-20*Math.PI/180);
context.rotate(-angle*Math.PI/180);
context.translate(-w/2,-h/2);
}
this.line = function(x1,x2,y1,y2)
this.line = function(context,x1,x2,y1,y2)
{
this.context().beginPath();
this.context().moveTo(x1,x2);
this.context().lineTo(y1,y2);
this.context().lineCap="round";
this.context().lineWidth = 0.5;
this.context().strokeStyle = "#000";
this.context().stroke();
this.context().closePath();
context.beginPath();
context.moveTo(x1,x2);
context.lineTo(y1,y2);
context.lineCap="round";
context.lineWidth = 0.5;
context.strokeStyle = "#000";
context.stroke();
context.closePath();
}
this.circle = function(x,y,r,c1,c2)
this.circle = function(context,x,y,r,c1,c2)
{
this.context().beginPath();
this.context().arc(x,y,r,c1*Math.PI,c2*Math.PI);
this.context().lineCap="round";
this.context().lineWidth = 0.5;
this.context().strokeStyle = "#000";
this.context().stroke();
this.context().closePath();
context.beginPath();
context.arc(x,y,r,c1*Math.PI,c2*Math.PI);
context.lineCap="round";
context.lineWidth = 0.5;
context.strokeStyle = "#000";
context.stroke();
context.closePath();
}
}

10
scripts/modules/render.js
View File

@ -15,12 +15,18 @@ function Render(rune)
cmd.content.shift();
return this.collection[name].render(cmd.content);
return this.collection[name].render(cmd);
}
this.passive = function(cmd)
{
var name = cmd.content[0];
if(!this.collection[name]){ console.log("Unknown filter:"+name); return; }
cmd.content.shift();
console.log(name);
return this.collection[name].preview(cmd);
}
}