qmolt / hexketch

generate images of hexagonal tiles on a hexagonal grid

Home Page:https://qmolt.github.io/hexketch/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About

Hexketch is a website that allows you to easily generate images of hexagonal tiles on a hexagonal grid. This website was made with P5.js and BHex.js. Hex grid reference from Amit Patel. Inclusive color palettes from Paul Tol. Font used in the icon is Zyzol.


How to use

Function Section

There are different elements you can use to create your own image: tiles, outlines, highlights, arrows, and comments. You can place them in different positions of the canvas with your mouse cursor after selecting an action: you can add, move, edit, and delete figures, but keep in mind that there are many elements that can share the same coordinates so to make a change you need to always select an element AND an action first.

Add a piece: after you select an element, some specific parameters will show for you to select or change. If you want to change these parameters later you can use the edit action.

Board Section

Adjust the board to different sizes, positions and orientation. You can even hide the grid if you want.

Color Section

In this section you can adjust the background color and change general color preferences for all elements at once.

Save Section

Save your composition as a PNG! you can also hide the background if you want a transparent image.

Game state Section

  • new: Start a new game from scratch.
  • save: Select a slot in which your data will be saved. Name it. Press 'Save'.
  • load: Select a slot. Press 'Load'. All unsaved changes will be lost.


Key bindings

When adding tiles you can choose different figures using your keyboard.

'a': ant
'b': beetle
'g': grasshopper
'l': ladybug
'm': mosquito
'p': pillbug
'q': queen
's': spider
'?': ?
'!': !
'.': blank 
' '(space): switch black/white tile

Notes

  • Iconography used in the tiles' figures are not from my own intellectual property, they are a reference to the boardgame HiveĀ® from Gen42 with whom I have no affiliation whatsoever. This website was made for enthusiast Hive players as a tool to study the game. This website was not made for profit.

About

generate images of hexagonal tiles on a hexagonal grid

https://qmolt.github.io/hexketch/

License:GNU General Public License v3.0


Languages

Language:JavaScript 99.7%Language:HTML 0.2%Language:CSS 0.1%