Best way to add a scaling mechanism to line function? - processing

Question

I've made a script that makes rectangles inside larger rectangles, which I call boxes. Now I'm trying to implement a mechanism to make it look like you're zooming in. Im using the line() function to draw the boxes. Does anyone have a suggestion to make everything scale continuasly?
Code (It's quite long):
import java.util.ArrayList;
// *Gloabal Variables
// Random Points for dots
int randomXPoint;
int randomYPoint;
// Window offset on sides
public final int WINDOW_OFFSET = 10;
// Box and dot colour in HSB
public static int[] boxColour = { 0, 255, 255 };
public int[] pointColour = { 0, 0, 255 };
// Storages for boxes and points
public Box firstBox;
public ArrayList<Box> boxArray;
public ArrayList<PVector> pointPos;
// *Functions
// Colour changer, going from red to red
public void ChangeColour(int[] colour) {
if (colour[0] >= 255) {
colour[0] = 0;
}
else {
colour[0]++;
}
}
// Box class
public class Box {
public boolean isRealBox = true;
public int x, y, w, h;
public int cH, cS, cB;
private Box parentBox;
public Box(int x, int y, int w, int h, int[] colour) {
this.x = x;
this.y = y;
this.w = w;
this.h = h;
this.cH = colour[0];
this.cS = colour[1];
this.cB = colour[2];
}
public Box(int x, int y, int w, int h, int[] colour, Box parentBox) {
this.x = x;
this.y = y;
this.w = w;
this.h = h;
this.cH = colour[0];
this.cS = colour[1];
this.cB = colour[2];
this.parentBox = parentBox;
}
public boolean isInsideBox(int x, int y) {
if (((x > this.x) && (x < this.x + this.w)) && (y > this.y) && (y < this.y + this.h))
return true;
else
return false;
}
// Gets sector in box, enabling to know which way to shorten
public int getSector(int x, int y) {
if (((x < this.x + this.w / 2) && (x > this.x)) && ((y < this.y + this.h / 2) && (y > this.y))) return 0;
else if (((x < this.x + this.w) && (x > this.x + this.w / 2)) && ((y < this.y + this.h / 2) && (y > this.y))) return 1;
else if (((x < this.x + this.w / 2) && (x > this.x)) && ((y < this.y + this.h) && (y > this.y + this.h / 2))) return 2;
else if (((x < this.x + this.w) && (x > this.x + this.w / 2)) && ((y < this.y + this.h) && (y > this.y + this.h / 2))) return 3;
else return -1;
}
// Runs if (x, y) is inside the box
public Box ifInsideBox(int x, int y) {
switch (getSector(x, y)) {
case 0:
ChangeColour(boxColour);
return new Box(this.x, this.y, this.w / 2, this.h / 2, boxColour, this);
case 1:
ChangeColour(boxColour);
return new Box(this.x + this.w / 2, this.y, this.w / 2, this.h / 2, boxColour, this);
case 2:
ChangeColour(boxColour);
return new Box(this.x, this.y + this.h / 2, this.w / 2, this.h / 2, boxColour, this);
case 3:
ChangeColour(boxColour);
return new Box(this.x + this.w / 2, this.y + this.h / 2, this.w / 2, this.h / 2, boxColour, this);
default:
Box temp = new Box(this.x, this.y, this.w, this.h, boxColour);
temp.isRealBox = false;
return temp;
}
}
// Function for drawing the box. Uses 4 lines
public void drawBox() {
stroke(cH, cS, cB);
line(this.x, this.y, this.x + this.w, this.y);
line(this.x + this.w, this.y, this.x + this.w, this.y + this.h);
line(this.x + this.w, this.y + this.h, this.x, this.y + this.h);
line(this.x, this.y + this.h, this.x, this.y);
}
public void drawBox(int x, int y) {
stroke(cH, cS, cB);
switch (parentBox.getSector(x, y)) {
case 0:
line(parentBox.x + parentBox.w / 2, parentBox.y, parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2);
line(parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2, parentBox.x, parentBox.y + parentBox.h / 2);
break;
case 1:
line(parentBox.x + parentBox.w / 2, parentBox.y, parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2);
line(parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2, parentBox.x + parentBox.w, parentBox.y + parentBox.h / 2);
break;
case 2:
line(parentBox.x, parentBox.y + parentBox.h / 2, parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2);
line(parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2, parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h);
break;
case 3:
line(parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2, parentBox.x + parentBox.w, parentBox.y + parentBox.h / 2);
line(parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h / 2, parentBox.x + parentBox.w / 2, parentBox.y + parentBox.h);
break;
}
}
}
void setup() {
size(810, 810);
colorMode(HSB);
strokeWeight(2);
frameRate(60);
// Initialising firstBox, which offsets from the side
firstBox = new Box(WINDOW_OFFSET / 2, WINDOW_OFFSET / 2, width - WINDOW_OFFSET, height - WINDOW_OFFSET, boxColour);
boxArray = new ArrayList<Box>();
boxArray.add(firstBox);
pointPos = new ArrayList<PVector>();
}
void draw() {
background(0, 0, 0);
for (int loop = 0; loop < 3; loop++) {
randomXPoint = (int)random(WINDOW_OFFSET / 2, width - WINDOW_OFFSET / 2);
randomYPoint = (int)random(WINDOW_OFFSET / 2, height - WINDOW_OFFSET / 2);
boolean addedBox = false;
for (int i = boxArray.size() - 1; i >= 0; i--) {
if (!addedBox) {
if (boxArray.get(i).isInsideBox(randomXPoint, randomYPoint)) {
boxArray.add(boxArray.get(i).ifInsideBox(randomXPoint, randomYPoint));
addedBox = true;
}
}
}
//point(randomXPoint, randomYPoint);
pointPos.add(new PVector(randomXPoint, randomYPoint));
// Draws every box
for (int i = boxArray.size() - 1; i >= 1; i--) {
if (boxArray.get(i).isRealBox == true)
boxArray.get(i).drawBox();
}
boxArray.get(0).drawBox();
stroke(pointColour[0], pointColour[1], pointColour[2]);
for (PVector pos : pointPos) {
point(pos.x, pos.y);
}
}
}
Any other suggestions would be apriciated!

Answer 1

Just add the following lines at the top of your draw (to zoom based on mouseY):
float scaleFactor = 5 * (mouseY/(float)height) - 1; // max-scale 500%
translate(-width/2 * scaleFactor, -height/2 * scaleFactor);
scale(scaleFactor + 1);