Here are some [#square], [#hexagonal], [#diamond] and [#isometric] drawing grids for your perusal.
Full instructions on [bulk editing operations|../kudamono-editor#bulk-editing-operations] such as resizing, moving, mirroring a grid are at the [kudamono-editor].


folder/:=../images/paper-puzzle/grid/


| :warn: this page is undergoing changes so that different grids load as variants rather than directly. 
| They may be temporarily broken


## Square

Draw between two **centres** of square tiles:
- [orthogonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=ortho&] (4 adjacent centres) folder/grid-square-ortho-1.png ((small))
- [diagonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=diag&] (4 adjacent centres) folder/grid-square-diag-1.png ((small))
- [orthogonal + diagonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=octo&] (8 adjacent centres) folder/grid-square-octo-1.png ((small))
- [knight directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=knight&] (8 adjacent centres) folder/grid-square-knight-1.png ((small))
- [freely|../paper-puzzle-player?W=4&H=4&G=grid-square&MF=1&] (any two centres) folder/grid-square-free-1.png ((small))

// Draw lines between two **vertices** of square tiles:
// - [orthogonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=ortho] (4 adjacent vertices) folder/grid-square-ortho.png ((small))
// - [diagonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=diag] (4 adjacent vertices) folder/grid-square-diag.png ((small))
// - [orthogonal + diagonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=octo] (8 adjacent vertices) folder/grid-square-octo.png ((small))
// - [knight directions|../paper-puzzle-player?W=4&H=4&G=grid-square&ML=knight] (8 adjacent vertices) folder/grid-square-knight.png ((small))
// - [freely|../paper-puzzle-player?W=4&H=4&G=grid-square&MF=1] (any two vertices) folder/grid-square-free.png ((small))

## Diamond

Draw between two **centres** of diamond tiles:
- [orthogonal directions|../paper-puzzle-player?W=4&H=4&G=grid-diamond&] (4 adjacent centres) folder/grid-diamond-ortho-1.png ((small))

// Draw lines between two **vertices** of diamond tiles:
// - [orthogonal directions|../paper-puzzle-player?W=4&H=4&G=grid-square] (4 adjacent vertices) folder/grid-diamond-ortho.png ((small))


## Hexagonal

### Vertex down

Draw between two **centres** of hexagon tiles:
- [freely|../paper-puzzle-player?W=4&G=grid-hexo&MF=1&] (any two centres) folder/grid-hexo-free-1.png ((small))
- [hexagonal directions|../paper-puzzle-player?W=4&G=grid-hexo&] (6 adjacent centres) folder/grid-hexo-1.png ((small))

// Draw lines between two **vertices** of hexagon tiles:
// - [freely|../paper-puzzle-player?W=4&G=grid-hexo&MF=1&ML=subhexa] (any two vertices) folder/grid-hexo-free.png ((small))
// - [hexagonal directions|../paper-puzzle-player?W=4&G=grid-hexo] (6 adjacent vertices) folder/grid-hexo.png ((small))


### Flat side down

Draw between two **centres** of hexagon tiles:
- [freely|../paper-puzzle-player?W=4&G=grid-hexa&MF=1&] (any two centres) folder/grid-hexa-free-1.png ((small))
- [hexagonal directions|../paper-puzzle-player?W=4&G=grid-hexa&] (6 adjacent centres) folder/grid-hexa-1.png ((small))

// Draw lines between two **vertices** of hexagon tiles:
// - [freely|../paper-puzzle-player?W=4&G=grid-hexa&MF=1&ML=subhexo] (any two vertices) folder/grid-hexa-free.png ((small))
// - [hexagonal directions|../paper-puzzle-player?W=4&G=grid-hexa] (6 adjacent vertices) folder/grid-hexa.png ((small))




## Isometric projection

| :warn: there is a strange bug making every line have to be erased twice

Draw lines between two **vertices** and **centres** of hexagon tiles (triangles)

- [freely|../paper-puzzle-player?W=4&G=grid-triangular&MF=1]
- [constrained -- triangles|../paper-puzzle-player?W=4&G=grid-triangular]

// Draw lines between two **vertices** and **centres** of hexagon tiles:
// - [freely|../paper-puzzle-player?W=4&G=grid-triangulor&MF=1]
// - [constrained -- triangles|../paper-puzzle-player?W=4&G=grid-triangulor]


## Triangular

| :warn: this no longer works...

Draw between any two **vertices and midpoints** of triangle tiles 
- [freely|../paper-puzzle-player?W=4&G=grid-triangular-midpoint&MF=1]
// - [constrained|../paper-puzzle-player?W=4&G=grid-triangular-midpoint] :::TBA

(requested by @edderiofer)




## Acknowledgements

Thanks to @edderiofer for feedback on the triangular grids!






// ## Related tools around the web
// (listed for self-reference, not exhaustive)
// - Desmos
// - Penpa, Penpa+
// - @KevinMacLeod's [Graph Paper|https://incompetech.com/graphpaper/]
// - @Maxwellito's [minimator|https://minimator.app/#/home], [triangulart|https://maxwellito.github.io/triangulart/]
// - [Isometric drawing tool|https://www.nctm.org/Classroom-Resources/Illuminations/Interactives/Isometric-Drawing-Tool/], [Isometric dots|https://www.teacherled.com/iresources/shapesapp/isometricdots/isometricdots.html], [Isometric Grid on Desmos|https://www.desmos.com/geometry/1s56yqb6xx], Isometric templates for illustrator such as [this|https://cline-company.com/free-isometric-grid-template-for-illustrator-cc/]