Image-scramble

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