So people often have questions about ranges, spell drop positions, etc. These questions would normally be easy to answer just by looking at a screenshot, but since CoC uses axonometric projection (http://en.wikipedia.org/wiki/2.5D) for it's graphics it is sometimes hard to tell exactly where/how far stuff is.
The point of this guide is to use a image editing program (ie. Photoshop, Gimp, etc) to convert from the axononometric projection back to the top-down view. So in short idea is to go from this:
To this:
First step is to rotate the image by 37º in clockwise direction. You may need to expand the canvas to fit the new size of the layer. You should end up with something like:
Next we need to apply a 16º shear. If your program is asking for shear in pixels instead, then you need to use a calculator to get the amount. First check the height of the image, on my case it is 2020 pixels. Then in calculator input (may need to enable scientific mode):
16
Tan
=0.286745385759
Then multiply that value by the height of image:
*
2020
=579.225679233
So a shear of 579 pixels equals to 16º shear on my case. The result is something like:
Already it looks like we got a perfect top-down view. But on closer inspection the image is actually a tiny bit compressed in the vertical axis. The amount of compression is actually:
16
Cos
=0.961261695938
We need to compensate for this effect, so we are actually looking for the inverse of the above value. It can be calculated like:
1
/
16
Cos
=1.04029943586
So about 104.3% upscaling. We apply a scale operation on the height only with this value this to our image to get:
The result is an image where the axis of Clash tile grid is aligned with the horizontal/vertical axis of the image and distances in the vertical and horizontal axis match each other perfectly. That means that figuring out range measurements is easy, just draw a circle, or measure with a ruler. The grid is much easier to discern as well. The same operations can be applied to any screenshot, regardless of the zoom level (distances on one screenshot might not match ones on a different screenshot, though).
Enjoy!![]()








