Sprite sheet generator for node.js
npm install node-spritesheetNode-spritesheet is a utility to create sprite sheets in node.js. Its original
intention was to be used as a Grunt task,
but I decided it was worth abstracting further.
In the most part, it is an indirect port of
Jake Gordon's much more mature
Sprite Factory for Ruby.
Requires ImageMagick. For Unix/Mac, this will
be installed automagickally (ouch).
npm install node-spritesheet
var Builder = require('node-spritesheet').Builder;
var b = new Builder( imagePaths, imageArr, options );
b.build( callback );
var Builder = require('node-spritesheet').Builder,
images = [];
new Builder( [ 'image1.png', 'image2.png', image3.png' ], images, {
outputImage: 'sprite.png',
outputCss: 'sprite.css',
selector: '.sprite'
})
.build( function() {
console.log( "Built from " + images.length + " images" );
});
This is a multi-task, supporting multiple spritesheets in one gruntfile.
The following grunt.js structure takes all images in src/icons and creates
a spritesheet at bin/assets/sprite.png, with an accompanying stylesheet at
bin/assets/sprite.css.
spritesheet: {
compile: {
options: {
outputImage: 'sprite.png',
outputCss: 'sprite.css',
selector: '.texture'
},
files: {
'bin/assets': 'src/icons/*'
}
}
}
loadNpmTasks( 'node-spritesheet' );