image-scramble

Image Scramble with Seed

Usage no npm install needed!

<script type="module">
  import imageScramble from 'https://cdn.skypack.dev/image-scramble';
</script>

README

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