Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Adding in two new filters contributed and used by Ikayzo.

  • Loading branch information...
commit a14163621469bc0546b9862a8d8f5e8cd81a059a 1 parent 2966623
@uxder authored
Showing with 94 additions and 4 deletions.
  1. +94 −4 src/vivid.js
View
98 src/vivid.js
@@ -249,7 +249,7 @@ Vivid.filter.blackWhite = (function( window, document, jQuery) {
/**
* Constructor
- * @param {Object Literal} [settings] Object that contains elem, $elem, imgW, imgH, $canvas, ctx, options
+ * @param {Object Literal} [settings] Objects passed from vivid core.
*/
var filter = function(settings) {
//set the settings
@@ -261,13 +261,13 @@ Vivid.filter.blackWhite = (function( window, document, jQuery) {
}
//Pubic Methods
+ //s object contains elem, $elem, imgW, imgH, $canvas, ctx, options and everything you'll need
filter.prototype = {
init: function() {
- var imgd = s.ctx.getImageData(0, 0, s.imgW, s.imgH);
- var p = imgd.data;
+ var imgd = s.ctx.getImageData(0, 0, s.imgW, s.imgH),
+ p = imgd.data;
for (var i = 0, n = p.length; i < n; i += 4) {
var grayscale = p[i] * options.lightness + p[i+1] * 0.6 + p[i+2] * 0.1;
-
p[i] = grayscale; //red
p[i+1] = grayscale; //blue
p[i+2] = grayscale; //green
@@ -279,3 +279,93 @@ Vivid.filter.blackWhite = (function( window, document, jQuery) {
//return the plugin object
return filter;
})( window, document, jQuery );
+
+
+
+
+/*************
+ * Vivid Retro Plugin
+ * Contributed by Ikayzo, Inc (www.ikayzo.com)
+ *************/
+Vivid.filter.retro = (function( window, document, jQuery) {
+ var s,
+ pluginName = "retro",
+ r = [0, 0, 0, 1, 1, 2, 3, 3, 3, 4, 4, 4, 5, 5, 5, 6, 6, 7, 7, 7, 7, 8, 8, 8, 9, 9, 9, 9, 10, 10, 10, 10, 11, 11, 12, 12, 12, 12, 13, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 17, 18, 19, 19, 20, 21, 22, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 39, 40, 41, 42, 44, 45, 47, 48, 49, 52, 54, 55, 57, 59, 60, 62, 65, 67, 69, 70, 72, 74, 77, 79, 81, 83, 86, 88, 90, 92, 94, 97, 99, 101, 103, 107, 109, 111, 112, 116, 118, 120, 124, 126, 127, 129, 133, 135, 136, 140, 142, 143, 145, 149, 150, 152, 155, 157, 159, 162, 163, 165, 167, 170, 171, 173, 176, 177, 178, 180, 183, 184, 185, 188, 189, 190, 192, 194, 195, 196, 198, 200, 201, 202, 203, 204, 206, 207, 208, 209, 211, 212, 213, 214, 215, 216, 218, 219, 219, 220, 221, 222, 223, 224, 225, 226, 227, 227, 228, 229, 229, 230, 231, 232, 232, 233, 234, 234, 235, 236, 236, 237, 238, 238, 239, 239, 240, 241, 241, 242, 242, 243, 244, 244, 245, 245, 245, 246, 247, 247, 248, 248, 249, 249, 249, 250, 251, 251, 252, 252, 252, 253, 254, 254, 254, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255],
+ g = [0, 0, 1, 2, 2, 3, 5, 5, 6, 7, 8, 8, 10, 11, 11, 12, 13, 15, 15, 16, 17, 18, 18, 19, 21, 22, 22, 23, 24, 26, 26, 27, 28, 29, 31, 31, 32, 33, 34, 35, 35, 37, 38, 39, 40, 41, 43, 44, 44, 45, 46, 47, 48, 50, 51, 52, 53, 54, 56, 57, 58, 59, 60, 61, 63, 64, 65, 66, 67, 68, 69, 71, 72, 73, 74, 75, 76, 77, 79, 80, 81, 83, 84, 85, 86, 88, 89, 90, 92, 93, 94, 95, 96, 97, 100, 101, 102, 103, 105, 106, 107, 108, 109, 111, 113, 114, 115, 117, 118, 119, 120, 122, 123, 124, 126, 127, 128, 129, 131, 132, 133, 135, 136, 137, 138, 140, 141, 142, 144, 145, 146, 148, 149, 150, 151, 153, 154, 155, 157, 158, 159, 160, 162, 163, 164, 166, 167, 168, 169, 171, 172, 173, 174, 175, 176, 177, 178, 179, 181, 182, 183, 184, 186, 186, 187, 188, 189, 190, 192, 193, 194, 195, 195, 196, 197, 199, 200, 201, 202, 202, 203, 204, 205, 206, 207, 208, 208, 209, 210, 211, 212, 213, 214, 214, 215, 216, 217, 218, 219, 219, 220, 221, 222, 223, 223, 224, 225, 226, 226, 227, 228, 228, 229, 230, 231, 232, 232, 232, 233, 234, 235, 235, 236, 236, 237, 238, 238, 239, 239, 240, 240, 241, 242, 242, 242, 243, 244, 245, 245, 246, 246, 247, 247, 248, 249, 249, 249, 250, 251, 251, 252, 252, 252, 253, 254, 255],
+ b = [53, 53, 53, 54, 54, 54, 55, 55, 55, 56, 57, 57, 57, 58, 58, 58, 59, 59, 59, 60, 61, 61, 61, 62, 62, 63, 63, 63, 64, 65, 65, 65, 66, 66, 67, 67, 67, 68, 69, 69, 69, 70, 70, 71, 71, 72, 73, 73, 73, 74, 74, 75, 75, 76, 77, 77, 78, 78, 79, 79, 80, 81, 81, 82, 82, 83, 83, 84, 85, 85, 86, 86, 87, 87, 88, 89, 89, 90, 90, 91, 91, 93, 93, 94, 94, 95, 95, 96, 97, 98, 98, 99, 99, 100, 101, 102, 102, 103, 104, 105, 105, 106, 106, 107, 108, 109, 109, 110, 111, 111, 112, 113, 114, 114, 115, 116, 117, 117, 118, 119, 119, 121, 121, 122, 122, 123, 124, 125, 126, 126, 127, 128, 129, 129, 130, 131, 132, 132, 133, 134, 134, 135, 136, 137, 137, 138, 139, 140, 140, 141, 142, 142, 143, 144, 145, 145, 146, 146, 148, 148, 149, 149, 150, 151, 152, 152, 153, 153, 154, 155, 156, 156, 157, 157, 158, 159, 160, 160, 161, 161, 162, 162, 163, 164, 164, 165, 165, 166, 166, 167, 168, 168, 169, 169, 170, 170, 171, 172, 172, 173, 173, 174, 174, 175, 176, 176, 177, 177, 177, 178, 178, 179, 180, 180, 181, 181, 181, 182, 182, 183, 184, 184, 184, 185, 185, 186, 186, 186, 187, 188, 188, 188, 189, 189, 189, 190, 190, 191, 191, 192, 192, 193, 193, 193, 194, 194, 194, 195, 196, 196, 196, 197, 197, 197, 198, 199];
+
+ var filter = function(settings) {
+ s = settings;
+ this.init();
+ }
+
+ filter.prototype = {
+ init: function() {
+ var imgd = s.ctx.getImageData(0, 0, s.imgW, s.imgH);
+ var p = imgd.data;
+ for (var i = 0, n = p.length; i < n; i += 4) {
+ p[i] = r[p[i]]; //red
+ p[i+1] = b[p[i+1]]; //blue
+ p[i+2] = g[p[i+2]]; //green
+ }
+ s.ctx.putImageData(imgd, 0, 0);
+ }
+ }
+ return filter;
+})( window, document, jQuery );
+
+
+
+/*************
+ * Vivid Sepia Plugin
+ * Contributed by Ikayzo, Inc (www.ikayzo.com)
+ * Inspired by: http://www.script-tutorials.com/html5-image-effects-sepia/
+ * Options: noise
+ * Sample: $('#myImage').vivid(
+ {
+ filter: 'sepia',
+ sepia: {
+ noise: 20
+ }
+ }
+ );
+ *************/
+Vivid.filter.sepia = (function( window, document, jQuery) {
+ //shortname for settings
+ var s,
+ pluginName = "sepia",
+ options = {
+ noise: 15
+ };
+
+ var filter = function(settings) {
+ s = settings;
+ options = $.extend( {}, options, s.options[pluginName] );
+ this.init();
+ }
+
+ //Pubic Methods
+ filter.prototype = {
+ init: function() {
+ var imgd = s.ctx.getImageData(0, 0, s.imgW, s.imgH);
+ var p = imgd.data;
+ for (var i = 0, n = p.length; i < n; i += 4) {
+ p[i] = Math.min(255, p[i] + 35); //red
+ p[i+1] = Math.min(255, p[i+1]); //blue
+ p[i+2] = Math.min(255, p[i+2] - 25); //green
+
+
+ var noise = Math.round(options.noise - Math.random() * options.noise);
+ for(var j=0; j<3; j++){
+ var iPN = noise + p[i+j];
+ p[i+j] = (iPN > 255) ? 255 : iPN;
+ }
+ }
+
+ s.ctx.putImageData(imgd, 0, 0);
+ }
+ }
+
+ //return the plugin object
+ return filter;
+})( window, document, jQuery );
Please sign in to comment.
Something went wrong with that request. Please try again.