A node nodule that will create assets and configuration for use with angular-prototype
npm install prototype-psd-parser --save-dev
npm install prototype-psd-parser -g
var psdParser = ;;
Can be called directly on the command line
prototype-parse --dir=./psd --configDir=./src/app/config --imageOutputDir=./src/assets/screens
var psdParser = ;gulp;
The PSD's should be titled in this format:
STATE_BREAKPOINT.psd where state is a unique name.
The breakpoints that the images will be assigned are based on the naming of the PSD files
dashboard_desktop.psd will be given the desktop breakpoint
The URL's generated in the configuration for each state is based on the folder path and file name.
e.g. a PSD in this location:
dashboard/test/page_desktop.psd will be assigned the URL
Hotspots are generated automatically for Photoshop layers which have the name format:
STATE is the name of the state to navigate to. Coordinates are generated automatically.