bluesaxman/blue.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hopefully fixed relative rotation in containers.

Browse Source
This commit is contained in:
bluesaxman 2022-02-10 08:51:20 -07:00
parent aca2ab4258
commit 308e811c0e
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
libs/bluepixle.js
View File

@ -67,7 +67,10 @@ class shape {
}); });
} }
// restore context defaults // restore context defaults
ctx.setTransform(1,0,0,1,0,0); ctx.translate(center.d[0],center.d[1]);
ctx.rotate(-origRot);
ctx.translate(-center.d[0],-center.d[1]);
ctx.fillStyle = local.fillStyle; ctx.fillStyle = local.fillStyle;
ctx.strokeStyle = local.strokeStyle; ctx.strokeStyle = local.strokeStyle;
ctx.lineWidth = local.lineWidth; ctx.lineWidth = local.lineWidth;
@ -114,13 +117,20 @@ class container {
position = position instanceof vector ? position : new vector([0,0]); position = position instanceof vector ? position : new vector([0,0]);
rotation = rotation instanceof vector ? rotation : new vector([0,1]); rotation = rotation instanceof vector ? rotation : new vector([0,1]);
var refPos = this.coordinates.add(position); var refPos = this.coordinates.add(position);
var refRot = this.rotation.add(rotation); var refRot = rad2vec(this.rotation.getRadAngle() + (rotation instanceof vector ? rotation : new vector([0,1])).getRadAngle());
var center = this.refPos.add(this.dimentions.mag(0.5));
ctx.translate(center.d[0],center.d[1]);
ctx.rotate(refRot.getRadAngle());
ctx.translate(-center.d[0],-center.d[1]);
if (this.shapes.length) { if (this.shapes.length) {
this.shapes.forEach(shape => shape.render(ctx,refPos,refRot)); this.shapes.forEach(shape => shape.render(ctx,refPos,refRot));
} }
if (this.containers.length) { if (this.containers.length) {
this.containers.forEach(cont => cont.renderContainer(ctx,refPos,refRot)); this.containers.forEach(cont => cont.renderContainer(ctx,refPos,refRot));
} }
ctx.translate(center.d[0],center.d[1]);
ctx.rotate(-origRot);
ctx.translate(-center.d[0],-center.d[1]);
} }
grow(amp) { grow(amp) {