pixsy/index.pug

113 lines
4.4 KiB
Plaintext
Raw Normal View History

2017-12-22 17:22:08 +00:00
doctype html
2020-10-30 17:50:03 +00:00
html(lang="en-gb")
2017-12-22 17:22:08 +00:00
head
2019-03-31 13:24:58 +00:00
meta(charset="utf-8")
2020-10-30 17:50:03 +00:00
title pixsy
link(rel="stylesheet" href="includes/style.css")
2020-11-08 20:45:10 +00:00
link(rel="stylesheet" href="includes/croppie.css")
script(src="includes/croppie.min.js")
2017-12-22 17:22:08 +00:00
body
2020-11-08 17:36:00 +00:00
header
2021-07-03 10:27:27 +00:00
h1 pixsy
2020-11-08 17:36:00 +00:00
p.
2021-05-02 10:47:10 +00:00
version 0.72.8
2020-11-08 17:36:00 +00:00
|
2020-11-08 21:29:21 +00:00
#[a(href="http://tinybird.info/image-to-bitsy/old/" target="_blank") old version]
2020-11-08 17:36:00 +00:00
|
#[a(href="mailto:max@tinybird.info") email]
|
#[a(href="https://twitter.com/synth_ruiner") twitter]
2020-10-30 17:50:03 +00:00
.pages
.page#start
2020-11-28 15:15:40 +00:00
p.
#[b pixsy] is a tool for #[a(href="http://bitsy.org/") Bitsy Game Maker]
that allows you to generate a room from an image and add it to your game.
p this version is compatible with Bitsy version 7.2 and earlier.
p.
#[b pixsy] does not currently work via the Itch desktop program.
some users are also currently reporting problems.
if pixsy does not work for you, please try the
#[a(href="http://tinybird.info/image-to-bitsy/old/") old version] instead.
p.
instructions can be found on the
2020-11-28 15:57:19 +00:00
#[a(href="https://ruin.itch.io/pixsy/") itch.io page] -
2020-11-28 15:15:40 +00:00
scroll down to "how to use".
2020-10-30 17:50:03 +00:00
button.normal.pagination.next#new create a new bitsy game
button.normal.pagination.next#load load an existing bitsy game
.page.game-data
2018-03-03 11:55:42 +00:00
h2 game data
2020-11-05 18:48:22 +00:00
p.
your game data is available from the #[i game data] window in bitsy,
under the #[i tools] dropdown.
input#game(type="file" accept=".bitsy,.txt" autocomplete="off")
br
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
textarea#game-data(
placeholder="Paste your game data here or use the file chooser button above"
autocomplete="off"
)
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
button.pagination.prev previous
button.pagination.next#game-data-next(disabled=true) next
.page.image#page-image
2020-10-30 17:50:03 +00:00
h2 image
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
.image-container
2020-11-05 09:52:14 +00:00
input#image(type="file" accept="image/*")
2020-11-08 20:45:10 +00:00
#crop(style="display: none;")
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
button.pagination.prev previous
2020-11-05 18:48:22 +00:00
button.pagination.next#image-next(disabled=true) next
.page.room#page-room
2020-11-05 18:48:22 +00:00
h2 room
table
tbody
tr
td(style="width: 60%")
img#preview(alt="preview")
br
label
| brightness
input#brightness(type="range" min=-96 max=96 value=0)
td(style="vertical-align: top;")
2020-11-07 21:55:30 +00:00
label
| name (optional)
input#room-name(type="text" placeholder="e.g. 'bedroom'" autocomplete="off")
2020-11-05 18:48:22 +00:00
label
| palette
select#palette
#new-palette(style="display: none;")
.half
2020-11-08 20:53:52 +00:00
input#colour-background(type="color" value="#000000")
.half
2020-11-08 20:53:52 +00:00
input#colour-foreground(type="color" value="#ffffff")
2020-11-05 18:48:22 +00:00
label
2020-11-07 13:48:00 +00:00
input#dither(type="checkbox" checked=true)
2020-11-05 18:48:22 +00:00
| dither
br
2020-10-30 17:50:03 +00:00
button.pagination.prev#back-to-image previous
2020-11-08 11:23:37 +00:00
button.pagination.next#room-next add room
2020-10-30 17:50:03 +00:00
.page.download
2020-11-08 17:36:24 +00:00
p#added
2020-10-30 17:50:03 +00:00
h2 download
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
textarea#output(autocomplete="off")
br
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
button#download download
2020-11-05 18:48:22 +00:00
2020-10-30 17:50:03 +00:00
button.pagination.prev#add add another image
button.pagination.start#reset start again
script(type="module")
include script.js