2017-12-22 17:22:08 +00:00
|
|
|
doctype html
|
|
|
|
|
html
|
|
|
|
|
head
|
|
|
|
|
// lodash
|
2017-12-23 16:45:27 +00:00
|
|
|
script(src="includes/lodash.min.js")
|
2017-12-22 17:22:08 +00:00
|
|
|
|
|
|
|
|
// jquery
|
2017-12-23 16:45:27 +00:00
|
|
|
script(src="includes/jquery.min.js")
|
2017-12-22 17:22:08 +00:00
|
|
|
|
|
|
|
|
// croppie
|
2017-12-23 16:45:27 +00:00
|
|
|
link(rel="stylesheet" href="includes/croppie.css")
|
|
|
|
|
script(src="includes/croppie.js")
|
2017-12-22 17:22:08 +00:00
|
|
|
|
2017-12-23 16:45:27 +00:00
|
|
|
// main stuff
|
|
|
|
|
link(rel="stylesheet" type="text/css" href="includes/style.css")
|
|
|
|
|
script(src="includes/script.js")
|
2017-12-22 17:22:08 +00:00
|
|
|
body
|
|
|
|
|
h1 image-to-bitsy
|
2017-12-23 21:17:20 +00:00
|
|
|
p
|
|
|
|
|
| convert any image to a
|
|
|
|
|
a(href="https://ledoux.itch.io/bitsy") bitsy
|
|
|
|
|
| room
|
|
|
|
|
p
|
|
|
|
|
a(href="https://github.com/synth-ruiner/bitsy-image-to-room") about
|
|
|
|
|
| | please contact me if you have any issues:
|
|
|
|
|
a(href="https://twitter.com/synth_ruiner") twitter
|
2017-12-23 23:34:17 +00:00
|
|
|
| ,
|
2017-12-23 21:17:20 +00:00
|
|
|
a(href="mailto:max@tinybird.info") email
|
2017-12-22 17:22:08 +00:00
|
|
|
|
|
|
|
|
#game-data.section
|
|
|
|
|
h2 game data
|
|
|
|
|
|
2017-12-23 21:17:20 +00:00
|
|
|
//-p please back up your game before proceeding
|
|
|
|
|
|
2017-12-22 17:22:08 +00:00
|
|
|
textarea#bitsy-data(placeholder="Bitsy data or html")
|
2017-12-23 16:45:27 +00:00
|
|
|
include includes/default.bitsy
|
2017-12-22 17:22:08 +00:00
|
|
|
|
|
|
|
|
#image.section
|
|
|
|
|
h2 image
|
|
|
|
|
|
|
|
|
|
#croppie
|
|
|
|
|
|
2017-12-23 23:34:17 +00:00
|
|
|
input#imageUpload(type="file" accepts="image/*")
|
|
|
|
|
|
2017-12-22 17:22:08 +00:00
|
|
|
#palette.section
|
|
|
|
|
h2 palette
|
|
|
|
|
|
|
|
|
|
form#palettes
|
|
|
|
|
table
|
|
|
|
|
tbody
|
|
|
|
|
|
|
|
|
|
#crop.section
|
|
|
|
|
h2 preview
|
|
|
|
|
|
|
|
|
|
canvas#preview(width=128, height=128)
|
|
|
|
|
|
|
|
|
|
input#brightness(type="range" min=-255 max=255 value=0)
|
|
|
|
|
|
|
|
|
|
label(for="brightness") brightness
|
|
|
|
|
|
|
|
|
|
//- to do
|
|
|
|
|
input#dithering(type="checkbox")
|
|
|
|
|
label(for="dithering") dithering
|
|
|
|
|
|
|
|
|
|
//- to do
|
|
|
|
|
input#smoothing(type="checkbox")
|
|
|
|
|
label(for="smoothing") smoothing
|
|
|
|
|
|
|
|
|
|
#output.section
|
|
|
|
|
h2 output
|
|
|
|
|
|
2017-12-23 00:57:52 +00:00
|
|
|
canvas#room-output(width=128, height=128)
|
2017-12-22 17:22:08 +00:00
|
|
|
|
2017-12-23 20:41:40 +00:00
|
|
|
input#roomName(type="text", placeholder="room name")
|
|
|
|
|
|
|
|
|
|
button#save write to game data
|
|
|
|
|
|
2017-12-23 23:34:17 +00:00
|
|
|
//- to do
|
2017-12-23 16:45:27 +00:00
|
|
|
input#threshold(type="range" min=0 max=64)
|
|
|
|
|
br
|
|
|
|
|
label(for="threshold")
|
|
|
|
|
span.left use existing tiles
|
|
|
|
|
span.right create new tiles
|
2017-12-22 19:46:19 +00:00
|
|
|
|
2017-12-23 16:45:27 +00:00
|
|
|
//-label favour broad strokes | favour details
|
2017-12-22 17:22:08 +00:00
|
|
|
|
2017-12-23 16:45:27 +00:00
|
|
|
br
|
2017-12-22 17:22:08 +00:00
|
|
|
|
2017-12-23 16:45:27 +00:00
|
|
|
//-button Download
|
