2020-07-18 20:47:04 +00:00
|
|
|
|
doctype html
|
|
|
|
|
|
html(lang="en-gb")
|
|
|
|
|
|
head
|
|
|
|
|
|
meta(charset="utf-8")
|
2020-07-20 16:23:41 +00:00
|
|
|
|
title tilesy
|
2020-07-18 20:47:04 +00:00
|
|
|
|
link(rel="stylesheet" href="style.css")
|
|
|
|
|
|
body
|
2020-07-20 16:23:41 +00:00
|
|
|
|
h1
|
|
|
|
|
|
span.background tilesy
|
|
|
|
|
|
p
|
2020-07-20 16:28:39 +00:00
|
|
|
|
span.background import 8×8 tile sheets into Bitsy games
|
2020-07-18 20:47:04 +00:00
|
|
|
|
.pages
|
|
|
|
|
|
.page#start
|
|
|
|
|
|
button.normal.pagination.next#new create a new bitsy game
|
|
|
|
|
|
button.normal.pagination.next#load load an existing bitsy game
|
|
|
|
|
|
.page.game-data
|
|
|
|
|
|
h2 game data
|
2020-07-20 16:44:04 +00:00
|
|
|
|
input#game(type="file" autocomplete="off")
|
2020-07-18 20:47:04 +00:00
|
|
|
|
br
|
2020-07-20 16:44:04 +00:00
|
|
|
|
textarea#game-data(
|
|
|
|
|
|
placeholder="Paste your game data here or use the file chooser button above"
|
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
|
)
|
2020-07-18 20:47:04 +00:00
|
|
|
|
button.pagination.prev previous
|
2020-07-19 19:53:56 +00:00
|
|
|
|
button.pagination.next#game-data-next(disabled=true) next
|
2020-07-18 20:47:04 +00:00
|
|
|
|
.page.image
|
|
|
|
|
|
h2 image
|
|
|
|
|
|
.image-container
|
2020-07-20 16:44:04 +00:00
|
|
|
|
input#image(type="file" autocomplete="off")
|
2020-07-18 20:47:04 +00:00
|
|
|
|
img#preview
|
2020-07-20 15:41:45 +00:00
|
|
|
|
button.pagination.prev previous
|
|
|
|
|
|
button.pagination.next next
|
|
|
|
|
|
.page.extras
|
|
|
|
|
|
h2 tiles
|
|
|
|
|
|
label
|
2020-07-20 16:44:04 +00:00
|
|
|
|
| tile name prefix (optional)
|
|
|
|
|
|
input#prefix(type="text" placeholder="e.g. 'forest'" autocomplete="off")
|
2020-07-20 15:41:45 +00:00
|
|
|
|
p.
|
2020-07-20 16:44:04 +00:00
|
|
|
|
to help you find your new tiles in Bitsy, #[br]
|
2020-07-20 15:47:04 +00:00
|
|
|
|
new tiles will be named #[span#tile-name-preview e.g. 'forest 1']
|
2020-07-20 15:41:45 +00:00
|
|
|
|
|
|
|
|
|
|
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.
|
2020-07-20 16:44:04 +00:00
|
|
|
|
some tile sheets assume you will be able to flip and rotate their tiles.
|
2020-07-20 16:23:41 +00:00
|
|
|
|
Bitsy does not allow this, so it may be easier
|
2020-07-20 16:33:44 +00:00
|
|
|
|
to generate these alternate versions here.
|
2020-07-20 15:41:45 +00:00
|
|
|
|
p.
|
2020-07-20 16:33:44 +00:00
|
|
|
|
don't worry - #[i tilesy] will not create duplicate tiles.
|
2020-07-20 17:57:24 +00:00
|
|
|
|
button.pagination.prev#back-to-image previous
|
2020-07-18 20:47:04 +00:00
|
|
|
|
button.pagination.next#import next
|
|
|
|
|
|
.page.download
|
|
|
|
|
|
h2 download
|
2020-07-20 16:44:04 +00:00
|
|
|
|
textarea#output(autocomplete="off")
|
2020-07-18 20:47:04 +00:00
|
|
|
|
br
|
2020-07-19 23:18:06 +00:00
|
|
|
|
button#download download
|
2020-07-19 21:01:51 +00:00
|
|
|
|
button.pagination.prev#add add another image
|
2020-07-19 19:53:56 +00:00
|
|
|
|
button.pagination.start#reset start again
|
2020-07-18 20:47:04 +00:00
|
|
|
|
script(type="module")
|
|
|
|
|
|
include script.js
|
