Add pixel size mark on image and save as .png. Build with p5.js, electron and canvas.
PixelShank is integrated with electron, aftere simple setup, you can build the cross-platform desktop app on Windows, MacOS or Linux.
Windows app version is ready on sourceforge: https://sourceforge.net/projects/pixelshank/
It is a zipped file. Download, unpack it and click "pixelshank.exe" to start.
MacOS app is coming soon.
- Check out the repository to your local machine as a new project
- Ensure you have the latest version of node.js installed.
- Open the terminal
cdto the project folder.../pixelshank - Type
npm installto install the Dependencies include electron, electron-packager and electron-prebuild. - Type
npm run-script startor runelectron ., you will have the development version of the desktop app work.
PixelShank use electron-packager to generate the desktop app for windows, MacOS and Linux.
The default setup is for windows(64bit) In terminal, run "npm run-script build", the folder "PixelShank-win32-x64" with PixelShank.exe file should appears in your project folder. Now you can have the program run anytime as you want. If you want to generate app in 32bit, please refer to the document of electron-packager.
You can also directly run the electron command as you want like the sample code below
electron-packager ./ PixelShank --platform=win32 --arch=x64 --version=0.35.0 --icon=./img/icon.ico --ignore=design_source --asar --overwrite
electron-packager ./ PixelShank --platform=darwin --arch=x64 --version=0.35.0 --icon=./img/icon.ico --ignore=design_source --asar --overwrite
Please refer to the npm page of electron-packager.
It needs you to run a local server to make it work in the browser on local machine. I would suggest http-server if you want to test it locally. You can also upload the index.html, js and css folder to your online server to make it work.
Build with IDE: WebStorm.
Design and Developed with ♥ love by MillieLin.