by Rolf van Gelder | CAGE Web Design, Eindhoven
How to center a sketch on the screen? Applies to Processing v3.x.
void setup()
{ size(640, 480);
surface.setLocation((displayWidth-width)>>1, (displayHeight-height)>>1);
}
To precisely center it, you have to take the frame size into account.
Tested up to: Processing v3.3.3.
How to center an object on the screen?
<style>
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
<div id="container" align="center"> <div id="content" class="centered"> <h1>This is the center!</h1> </div> </div>
Resource:
https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
How to calculate the center point between two (2D) PVectors?
PVector P1 = new PVector(150, 265); PVector P2 = new PVector(60, 100); float xcenter = abs(P1.x - P2.x) / 2 + min(P1.x, P2.x); float ycenter = abs(P1.y - P2.y) / 2 + min(P1.y, P2.y); PVector center = new PVector(xcenter, ycenter);