JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q39966F
  • License MIT

Image Scramble with Seed

Package Exports

  • image-scramble

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (image-scramble) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

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