Hex Sprite Shear

 from Red Blob Games
4 Mar 2024

Looking at the screenshot on https://www.reddit.com/r/godot/comments/1b5ehr6/best_way_to_accomplish_this_kind_of_rotated/[1] reminded me that the “pointy” vs “flat” distinction I make on my hex grids page is a little bit artificial. The two are rotations of each other. All other rotations could be interesting too, as this screenshot shows. But rotations typically mess up pixel art so I wanted to try shearing instead — rotation can be done with three shears[2].

angle: extra Y shear:

The “rotation can be done with three shears” algorithm is pretty magical!

Source: hex-sprite-shear.js

Email me , or tweet @redblobgames, or comment: