hey all ^-^
so i was bored and threw together a proof of concept pixel art editor in a few hours which lets you create pixel art on the web and can output .hopscotch json files from that pixel art. note that this is incredibly rushed and i just put it together as a proof of concept :)
what can this tool do?
basically it allows you to create pixel art in a 32*32 grid in black and white, and then export that to a pen hopscotch project. why so restrictive? because im lazy and i just want to get something out there, ill update with colors sometime soon :)
an example would look something like this:
why is it dots and not actual squares? because im lazy and i rushed everything, but since this is all made with custom blocks, you can change it to be whatever you like!
how do you use it?
NOTE: this tool is not tested on mobile, use a computer for best results
create a project, it doesnt matter what you put in it but note that it will be erased afterwards. make sure to save it and it’s your most recently opened/edited project.
now you need to make the pixel art. go to the tool and make your pixel art. click any square to color it black, click it again to color it white. once you are done, click convert and you’ll get json in the output text area. copy that.
find where you saved your json files (i’d recommend making a backup first, you dont wanna mess up your projects) and open the project you made at the beginning. this should be the most recently modified one. open it (you can do this by right clicking the file and opening it with notepad). now delete everything and paste in the json generated by the tool. be sure to save it.
done! restart and open up hopscotch and you should see your project.
you should have gone from something like this:
to a project like this:
finishing thoughts or something idk
thanks for reading through this long post <3
i doubt anyone would actually use this version of the tool but as the tool progresses it should become actually useful. i mean, this was literally thrown together in a few hours. also if anyone actually know how hopscotch json works, id love to be taught it, since most of the time making this was trying to figure out what was going on in the json file, its so confusing :)
also plan on updating this with more colors, clones to speed it up and square pixels, and one day maybe even a variable canvas size, but thats too much work for my lazy self haha.
also also programming in vanilla web js is so annoying :(