Re-implemented mirrors

This commit is contained in:
Devine Lu Linvega 2018-05-11 09:47:09 +12:00
parent ff63f27b55
commit b6a1cf703c
3 changed files with 15 additions and 8 deletions

View File

@ -319,6 +319,7 @@ function Dotgrid(width,height,grid_x,grid_y,block_x,block_y)
this.tool.reset(); this.tool.reset();
this.reset(); this.reset();
dotgrid.guide.refresh(); dotgrid.guide.refresh();
dotgrid.interface.refresh(true);
} }
this.drag = function(e) this.drag = function(e)

View File

@ -2,20 +2,21 @@ function Generator(layer)
{ {
this.layer = layer; this.layer = layer;
function operate(layer,offset,scale) function operate(layer,offset,scale,mirror = 0)
{ {
var l = copy(layer) var l = copy(layer)
for(k1 in l){ for(k1 in l){
var seg = l[k1]; var seg = l[k1];
for(k2 in seg.vertices){ for(k2 in seg.vertices){
if(mirror == 1){ seg.vertices[k2].x = (dotgrid.tool.settings.size.width) - seg.vertices[k2].x }
if(mirror == 2){ seg.vertices[k2].y = (dotgrid.tool.settings.size.height) - seg.vertices[k2].y }
seg.vertices[k2].x += offset.x seg.vertices[k2].x += offset.x
seg.vertices[k2].x *= scale seg.vertices[k2].x *= scale
seg.vertices[k2].y += offset.y seg.vertices[k2].y += offset.y
seg.vertices[k2].y *= scale seg.vertices[k2].y *= scale
} }
} }
return l; return l;
} }
@ -71,16 +72,19 @@ function Generator(layer)
s += `${this.render(seg)}` s += `${this.render(seg)}`
} }
return s.trim(); return s;
} }
this.toString = function(offset = {x:0,y:0}, scale = 1, mirror = dotgrid.tool.style().mirror_style) this.toString = function(offset = {x:0,y:0}, scale = 1, mirror = dotgrid.tool.style().mirror_style)
{ {
var s = "" var s = this.convert(operate(this.layer,offset,scale))
var layer = operate(this.layer,offset,scale)
s += this.convert(layer) if(mirror == 1 || mirror == 2){
s += this.convert(operate(this.layer,offset,scale,mirror))
}
return s return s
} }
function copy(data){ return data ? JSON.parse(JSON.stringify(data)) : []; } function copy(data){ return data ? JSON.parse(JSON.stringify(data)) : []; }
function rotate_point(pointX, pointY, originX, originY, angle){ angle = angle * Math.PI / 180.0; return { x: (Math.cos(angle) * (pointX-originX) - Math.sin(angle) * (pointY-originY) + originX).toFixed(1), y: (Math.sin(angle) * (pointX-originX) + Math.cos(angle) * (pointY-originY) + originY).toFixed(1) }; }
} }

View File

@ -139,9 +139,11 @@ function Tool()
this.layer().push({type:type,vertices:this.vertices.slice()}) this.layer().push({type:type,vertices:this.vertices.slice()})
} }
dotgrid.history.push(this.layers);
this.clear(); this.clear();
dotgrid.guide.refresh(); dotgrid.guide.refresh();
dotgrid.history.push(this.layers); dotgrid.interface.refresh(true);
console.log(`Casted ${type} -> ${this.layer().length} elements`); console.log(`Casted ${type} -> ${this.layer().length} elements`);
} }
@ -258,6 +260,7 @@ function Tool()
this.index = clamp(id,0,2); this.index = clamp(id,0,2);
this.clear(); this.clear();
dotgrid.guide.refresh(); dotgrid.guide.refresh();
dotgrid.interface.refresh(true);
console.log(`layer:${this.index}`) console.log(`layer:${this.index}`)
} }
@ -267,7 +270,6 @@ function Tool()
this.select_layer(this.index); this.select_layer(this.index);
} }
function rotate_point(pointX, pointY, originX, originY, angle){ angle = angle * Math.PI / 180.0; return { x: (Math.cos(angle) * (pointX-originX) - Math.sin(angle) * (pointY-originY) + originX).toFixed(1), y: (Math.sin(angle) * (pointX-originX) + Math.cos(angle) * (pointY-originY) + originY).toFixed(1) }; }
function copy(data){ return data ? JSON.parse(JSON.stringify(data)) : []; } function copy(data){ return data ? JSON.parse(JSON.stringify(data)) : []; }
function clamp(v, min, max) { return v < min ? min : v > max ? max : v; } function clamp(v, min, max) { return v < min ? min : v > max ? max : v; }
} }