Zooming in on specific point. (Translate and scale)

[jeremydouglass]

@Kiwipai

my center points seem to veer off towards the bottom right corner when I try to zoom in.
Is there a way to scale while keeping the center I translated to in the center?

yes. you need to break up your translate into two stages, and do the scaling between them, while the center of your coordinate system is still at 0,0.

1. translate(width/2, height/2);
2. scale(amt)
3. translate(-avgx, -avgy);

For a recent related discussion, see:

How can I center an object on my screen that moves?

Understanding the relationship between translate, scale, and the idea of a 2D “camera” can sometimes be a bit tricky. It is worth reviewing the coordinate system and 2D transformations tutorials: https://processing.org/tutorials/drawing/ https://processing.org/tutorials/transform2d/ However, in the end, there are three key transformations: translate to the center of the screen optionally scale the view, e.g. based on player speed or inter-player distance translate again to recenter the came…