npm.io
2.2.2 • Published 10 years ago

image-scramble

Licence
MIT
Version
2.2.2
Deps
4
Vulns
6
Weekly
0
Stars
26

Image-scramble

npm version Build Status npm donwloads Bower version

Scramble/Unscramble Images

Very useful for protect canvas spritesheets.

Example

Scramble (Server-Side)

Unscramble (Client-Side)

Usage Example
var imgScramble = require('image-scramble');


imgScramble({
	image:'test/sample2.png', // source
	seed:'Kappa', // seed
	sliceSize:5, // slice size
	dest:'test/sample2_crop.png' // dest
},function(err){
	
})

Options

image
  • Path to image source Or Valid Buffer
seed
  • Seed to shuffle in same sequence
sliceSize
  • size of each slice
dest
  • Destination of scrambled image
buffer
  • Return image as buffer
Installation
npm install image-scramble

UnsrcambleImg (Client-Side)

Installation
bower install unscramble-img
Usage
// unscrambleImg(src,sliceSize,seed)

var canvas = unscrambleImg(img,sliceSize,'Kappa');
Phaser Example
var bmp = unscrambleImg(img,sliceSize,'Kappa',game.add.bitmapData(img.width,img.height));
var sprite = game.add.sprite(0, 0, bmp);

Gulp plugin

gulp-image-scramble

Keywords