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;
- dir - The directory containing the photoshop files
- configDir - The directory where the config file will be created
- imageOutputDir - The directory where the .png files will be created
- linkPrefix - The naming prefix for photoshop layers to generate hotposts. Defaults to
PSD Naming Conventions
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.