tile preview; styling etc.

This commit is contained in:
2020-07-20 16:41:45 +01:00
parent 4a0a9d10d3
commit bff9b90258
3 changed files with 88 additions and 11 deletions

View File

@@ -23,7 +23,38 @@ html(lang="en-gb")
.image-container
input#image(type="file")
img#preview
input#prefix(type="text" placeholder="tile name prefix, e.g. 'forest'")
button.pagination.prev previous
button.pagination.next next
.page.extras
h2 tiles
label
| tile name prefix
input#prefix(type="text" placeholder="e.g. 'forest'")
p.
to help you find your new tiles in Bitsy, #[br]
new tiles will be labelled #[span#tile-name-preview e.g. 'forest 1']
br
h3 create alternate versions
.checkboxes
label
input(type="checkbox")#invert
| inverted
label
input(type="checkbox")#flip
| flipped
label
input(type="checkbox")#mirror
| mirrored
label
input(type="checkbox")#rotate
| rotated
p.
some tile sets only include one rotation for each tile;
this can be a problem in Bitsy since it does not allow tile rotation/mirroring.
p.
#[i tilesy] will not create duplicate tiles,
so don't worry about ending up with numerous identical tiles.
button.pagination.prev previous
button.pagination.next#import next
.page.download