Perspective Grid Maker

I was looking for a tool to generate perspective grids that maintained the correct grid spacing throughout the whole scene. As far as I could tell there wasn’t any software that made this easy to do. Below demonstrates the issue, the grid lines on the left get distorted as they move into the background, however the right grid maintains the correct spacing:

Since I couldn’t find anything that produced grids like the one on the right, I decided to make my own in Godot. I figured I’d keep an option to generate grids like the one on the left since it’s nice to drag around vanishing points. After a few weeks working on it I’d come up with a handy little tool. Below shows the 2D mode.

The easiest way to achieve consistent grid spacing was to allow the user to rotate a 3D environment. This meant that I could just take advantage of the [Godot] engine - it’s already done all the math for 3D perspective. Both 2D mode and 3D mode output PNG images for each grid layer.

I included a feature that allows you to import a background image to use as reference:

There’s also an option to enable a fisheye lens effect. I used this code for the effect - it was super easy to implement.

Here’s a little demo of the tool:

Here’s a drawing I did using a perspective grid generated with the app.

At some point I’d like to add 4-point perspective in addition to the 2, 3 and 5-point options. Another nice feature would be to somehow work out how to convert a grid made in 2D mode to a 3D environment and vise versa since it’d be cool to just drag around vanishing points and still have non distorted grids. You can get the tool here:

Source code available on github