Charlie Chiang created this website since the original one was not accessible (as of November 2021; was taken down by its author 甘城なつき). Original website: amachiromaker｜Picrew.
This website is not a one-to-one clone of the original one, rather it is rewritten from scratch using basic React. This repository is a fork of amachiromaker.
Note: The original artwork (layers in the image) is not (and will not be) provided due to copyright reasons. You have to download them yourself, if the servers happen to be alive. I am not responsible if you violate the license.
Before you begin, make sure node (>= 20).
- Run
npm installto install dependencies. - Run
npm run build-staticto download original artworks. This may take a while.- By doing this, you agree that you will follow the license on the original webpage and are responsible for any consequences if you violate the license.
- Optionally, you may use
npm run build-static --threads xto enable parallel downloads, wherex= number of threads (preferably4, setting it too high will cause the server to throttle you).
- Run
npm run devto start development server. Your browser should open shortly.
If you want to build the website, run npm run build to build the website. Static files will be located under dist/. Use any static file server to serve the directory. You can use nginx or caddy to serve the directory.
- Choose any combinations you want, with live preview.
- Auto save. Your changes will be preserved between page reloads.
- Download output image as
PNGorPSD(with all the separate layers you can fiddle with). - Download raw layer combination presets. You can load the preset and make changes to it later.
Any of the artwork above will not be provided in this repository.
Copyright of the artwork belongs to the original author.
Generally, you will not need to use these scripts. They will be executed automatically when generating static files.
scripts/data/JSONs from the original website, containing layer info. Scripts below will use them.scripts/findDefaultCombination.jsfind out the layer combination to compose the default picture.scripts/findDepth.jsorder the layers by depth.scripts/generateImgs.jsgeneratescripts/data/imgs.jsonto download all the layers from picrew CDN.scripts/organizeData.jsreconstruct the original data to make it easier to use (mainly by combining imagesrcs of different colors into layer objects).