{"id":14982281,"url":"https://github.com/webcaetano/gulp-image-scramble","last_synced_at":"2025-07-13T11:35:05.229Z","repository":{"id":57257834,"uuid":"45419943","full_name":"webcaetano/gulp-image-scramble","owner":"webcaetano","description":"GulpJS module for image-scramble with seed","archived":false,"fork":false,"pushed_at":"2015-11-08T00:37:32.000Z","size":164,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-28T09:45:24.586Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webcaetano.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-11-02T20:26:02.000Z","updated_at":"2022-09-13T03:11:47.000Z","dependencies_parsed_at":"2022-08-25T21:23:34.748Z","dependency_job_id":null,"html_url":"https://github.com/webcaetano/gulp-image-scramble","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webcaetano/gulp-image-scramble","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcaetano%2Fgulp-image-scramble","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcaetano%2Fgulp-image-scramble/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcaetano%2Fgulp-image-scramble/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcaetano%2Fgulp-image-scramble/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webcaetano","download_url":"https://codeload.github.com/webcaetano/gulp-image-scramble/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcaetano%2Fgulp-image-scramble/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264437466,"owners_count":23608184,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-24T14:05:04.258Z","updated_at":"2025-07-13T11:35:05.200Z","avatar_url":"https://github.com/webcaetano.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gulp Image Scramble\n\nGulpJS module for image-scramble with seed\n\n[![npm version](https://img.shields.io/npm/v/gulp-image-scramble.svg?style=flat-square)](https://www.npmjs.com/package/gulp-image-scramble) \n[![Build Status](https://img.shields.io/travis/webcaetano/gulp-image-scramble.svg?style=flat-square)](https://travis-ci.org/webcaetano/gulp-image-scramble) \n[![npm donwloads](https://img.shields.io/npm/dt/gulp-image-scramble.svg?style=flat-square)](https://www.npmjs.com/package/gulp-image-scramble) \n\nScramble/Unscramble Images\n\nVery useful for protect canvas spritesheets.\n\n### Example\n\n#### Scramble (Server-Side)\n![](http://i.imgur.com/4oReaij.png)\n\n#### Unscramble (Client-Side)\n![](http://i.imgur.com/AwfN1Gq.png)\n\n### Usage Example\n\n```javascript\nvar imgScramble = require('gulp-image-scramble');\n\ngulp.src(mainFile)\n.pipe(imgScramble({\n\tseed:'Kappa',\n\tsliceSize:5\n}))\n.pipe(gulp.dest('./dist'))\n```\n\n## Options\n\n#### seed\n- Seed to shuffle in same sequence\n\n#### sliceSize\n- size of each slice\n\n### Installation \n\n```\nnpm install gulp-image-scramble\n```\n\n\n## UnsrcambleImg (Client-Side)\n\n#### Installation\n```\nbower install unscramble-img\n```\n\n#### Usage \n\n```javascript\n// unscrambleImg(src,sliceSize,seed)\n\nvar canvas = unscrambleImg(img,sliceSize,'Kappa');\n```\n\n#### Phaser Example\n\n```javascript\nvar bmp = unscrambleImg(img,sliceSize,'Kappa',game.add.bitmapData(img.width,img.height));\nvar sprite = game.add.sprite(0, 0, bmp);\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebcaetano%2Fgulp-image-scramble","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebcaetano%2Fgulp-image-scramble","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebcaetano%2Fgulp-image-scramble/lists"}