JavaScript
function setup() {
createCanvas(400, 400);
}
var count = 0;
function draw() {
// Fundo
background(250);
rectMode(CENTER);
stroke(0,0,255);
fill(0,0,255);
count += 1;
var box1X = 100;
var box1Y = 100;
var box2X = 160;
var box2Y = 100;
var box1R = 0+count;
var box2R = 60;
var box1W = 50;
var box1H = 50;
var box2W = 50;
var box2H = 50;
//if (mouseIsPressed){
//new Retangulo(createVector(mouseX, mouseY), createVector(10, 10), rectagles, true, createVector(ceil(random(255)), ceil(random(255)), ceil(random(255))));
translate(box1X, box1Y);
rotate(radians(box1R));
rect(0, 0, box1W, box1H);
rotate(radians(-box1R));
translate(-box1X, -box1Y);
//translate(0, 0);
translate(box2X, box2Y);
rotate(radians(-box2R-count));
rect(0, 0, box2W, box2H);
rotate(radians(box2R+count));
translate(-box2X, -box2Y);
var box1Dots = [];
var box1Dots = [];
//box1Dots.push(createVector(100, 100)
stroke(255,0,0);
fill(255,0,0);
var pointRotated = [];
pointRotated.push(createVector(box1X, box1Y)); // Dot5
pointRotated.push(GetPointRotated(box1X, box1Y, box1W, box1H, box1R, -box1W/2, box1H/2)); // Dot1
pointRotated.push(GetPointRotated(box1X, box1Y, box1W, box1H, box1R, box1W/2, box1H/2)); // Dot2
pointRotated.push(GetPointRotated(box1X, box1Y, box1W, box1H, box1R, -box1W/2, -box1H/2)); // Dot1
pointRotated.push(GetPointRotated(box1X, box1Y, box1W, box1H, box1R, box1W/2, -box1H/2)); // Dot2
for (var i=0;i<pointRotated.length;i++){
ellipse(pointRotated[i].x,pointRotated[i].y,3,3); // dot 1
}
}
function GetPointRotated(X, Y, W, H, R, Xos, Yos){
// Cx, Cy // the coordinates of your center point in world coordinates
// W // the width of your rectangle
// H // the height of your rectangle
// θ // the angle you wish to rotate
//The offset of a corner in local coordinates (i.e. relative to the pivot point)
//(which corner will depend on the coordinate reference system used in...