Open main menu

CDOT Wiki β

Dhhodgin

Joined 10 September 2009
Revision as of 17:17, 13 December 2009 by Dhhodgin (talk | contribs) (blend() helper functions)

Contact Information

Name Daniel Hodgin
Email dhhodgin [AT] learn [DOT] senecac [DOT] on [DOT] ca
Email2 hodgin.daniel [AT] gmail [DOT] com
IRC dhodgin
BLOG blog

About Me

I'm a 5th Semester BSD student taking DPS909. Working part time on an ASP.NET c# application.

Technical Qualifications

Programming Languages

  • C
  • C++
  • C#
  • Java
  • PHP/PERL
  • SQL
  • XHTML/CSS
  • JavaScript
  • Processing

FSOSS Research Paper

DPS909 Projects

[Processing.js] - Active project
[Fennec and @font-face] - on hold

Releases

0.1 - Full Details shorten(), expand(), nfs(), unhex(), bug fixes on nf() and fill()
0.2 - Full Details nfc(), exp(), log(), map(), asin(), acos(), atan(), tan()
0.3 - wip: blendColor(), blend(), copy(), filter()

Contributions

  • Wrote shorten() to help out Andor with his workload.
  • Created the template for processing.js tests
  • Organized 0.1 release code table and project test table areas.
  • Wrote GIT tutorial on adding code to GIT from a fresh fork tutorial
  • Helped Al get Lighthouse setup and got invites sent out to everyone to better prepare for 0.2 release code and bug tracking
  • Wrote tutorial on lighthouse, and ticket state explanations messages
  • Helped with triage on lighthouse tickets
  • Helped Anna with PImage copy math which will ultimately be used in my 0.3 copy() code


Week 1 stuff

  • Create Zenit Wiki (done)
  • Create Blog (done)
  • Blog on introductory readings (done)
  • Listen in on a Weekly Call (done)
  • Update wiki (done)

Week 2 stuff

  • Create MDC account (done)
  • join Mozilla Fennec mailing list (done)
  • week 2 lab (done)
  • watch learning to be at the festival and blog about it (done)

Week 3 stuff

  • watch online lectures about build system by Paul Reed (done)
  • build Firefox at school on Linux (fedora) (done)
  • build Firefox minefield at home on windows 7 (done)
  • choose subject for project and write project plan on blog (done)

Week 4 stuff

  • spend time searching through MXR and familiarizing myself with it (done)
  • lab, working with patches (to do)

Week 5 stuff

  • create Bugzilla account (done)
  • Find 3+ bugs related to your project, and add them to your project wiki page (done)
  • CC yourself on two bugs that relate to your project 517086 476478 (done)
  • Watch a user in Bugzilla for the week and blog about the experience (blassey) (done)
  • Be working on your 0.1 release. Ask for help if you're stuck (done)
  • Register for FSOSS or join as a volunteer. (done)

Week 6 stuff

Week 7 stuff

Week 8 stuff

Week 9 stuff

  • tba

Code Blocks

Here is a list of code blocks I have written for the processing.js project
0.3 - wip: blendColor(), blend(), copy()

copy()

 p.copy = function copy(src, sx, sy, sw, sh, dx, dy, dw, dh) {
     if(arguments.length==8){
         p.copy(this, src, sx, sy, sw, sh, dx, dy, dw);
     }
     p.blend(src, sx, sy, sw, sh, dx, dy, dw, dh, p.REPLACE);
 };

blend()

 p.blend = function blend(src, sx, sy, sw, sh, dx, dy, dw, dh, mode){
     if(arguments.length==9){
         p.blend(this, src, sx, sy, sw, sh, dx, dy, dw, dh);
     } else if (arguments.length==10){          
         var sx2 = sx + sw;
         var sy2 = sy + sh;
         var dx2 = dx + dw;
         var dy2 = dy + dh;
         p.loadPixels();
         if (src == this) {
             if (p.intersect(sx, sy, sx2, sy2, dx, dy, dx2, dy2)) {
                 p.blit_resize(p.get(sx, sy, sx2 - sx, sy2 - sy), // 4 argument get doesnt exist i think
                     0, 0, sx2 - sx - 1, sy2 - sy - 1,
                     pixels, width, height, dx, dy, dx2, dy2, mode);
             } else {
                 // same as below, except skip the loadPixels() because it'd be redundant
                 p.blit_resize(src, sx, sy, sx2, sy2, pixels, width, height, dx, dy, dx2, dy2, mode);
             }
         } else {
             src.loadPixels();
             p.blit_resize(src, sx, sy, sx2, sy2, pixels, width, height, dx, dy, dx2, dy2, mode);
         }
         p.updatePixels();
     }
 };

blend() helper functions

blit_resize coming soon

 // shared variables for blit_resize(), filter_new_scanline(), filter_bilinear()
 // change this in the future
 p.shared = {
     fracU : 0, ifU : 0, fracV : 0, ifV : 0, u1 : 0, u2 : 0, v1 : 0, v2 : 0, sX : 0, sY : 0,
     iw : 0, iw1 : 0, ih1 : 0, ul : 0, ll : 0, ur : 0, lr : 0, cUL : 0, cLL : 0, cUR : 0, cLR : 0,
     srcXOffset : 0, srcYOffset : 0, r : 0, g : 0, b : 0, a : 0,srcBuffer : null
 };
 p.intersect = function intersect(sx1, sy1, sx2, sy2, dx1, dy1, dx2, dy2) {
     var sw = sx2 - sx1 + 1;
     var sh = sy2 - sy1 + 1;
     var dw = dx2 - dx1 + 1;
     var dh = dy2 - dy1 + 1;
     if (dx1 < sx1) {
         dw += dx1 - sx1;
         if (dw > sw) {
             dw = sw;
         }
     } else {
         var w = sw + sx1 - dx1;
         if (dw > w) {
             dw = w;
         }
     }
     if (dy1 < sy1) {
         dh += dy1 - sy1;
         if (dh > sh) {
             dh = sh;
         }
     } else {
         var h = sh + sy1 - dy1;
         if (dh > h) {
             dh = h;
         }
     }
     return !(dw <= 0 || dh <= 0);
 };
 p.filter_new_scanline = function filter_new_scanline() {
     p.shared.sX = p.shared.srcXOffset;
     p.shared.fracV = p.shared.srcYOffset & p.PREC_MAXVAL;
     p.shared.ifV = p.PREC_MAXVAL - p.shared.fracV;
     p.shared.v1 = (p.shared.srcYOffset >> p.PRECISIONB) * p.shared.iw;
     p.shared.v2 = Math.min((p.shared.srcYOffset >> p.PRECISIONB) + 1, p.shared.ih1) * p.shared.iw;
 };
 p.filter_bilinear = function filter_bilinear() {
     p.shared.fracU = p.shared.sX & p.PREC_MAXVAL;
     p.shared.ifU = p.PREC_MAXVAL - p.shared.fracU;
     p.shared.ul = (p.shared.ifU * p.shared.ifV) >> p.PRECISIONB;
     p.shared.ll = (p.shared.ifU * p.shared.fracV) >> p.PRECISIONB;
     p.shared.ur = (p.shared.fracU * p.shared.ifV) >> p.PRECISIONB;
     p.shared.lr = (p.shared.fracU * p.shared.fracV) >> p.PRECISIONB;
     p.shared.u1 = (p.shared.sX >> p.PRECISIONB);
     p.shared.u2 = Math.min(p.shared.u1 + 1, p.shared.iw1);
     // get color values of the 4 neighbouring texels
     p.shared.cUL = p.shared.srcBuffer[p.shared.v1 + p.shared.u1];
     p.shared.cUR = p.shared.srcBuffer[p.shared.v1 + p.shared.u2];
     p.shared.cLL = p.shared.srcBuffer[p.shared.v2 + p.shared.u1];
     p.shared.cLR = p.shared.srcBuffer[p.shared.v2 + p.shared.u2];
     p.shared.r = ((p.shared.ul*((p.shared.cUL&p.RED_MASK)>>16) + p.shared.ll*((p.shared.cLL&p.RED_MASK)>>16) +
          p.shared.ur*((p.shared.cUR&p.RED_MASK)>>16) + p.shared.lr*((p.shared.cLR&p.RED_MASK)>>16))
            << p.PREC_RED_SHIFT) & p.RED_MASK;
     p.shared.g = ((p.shared.ul*(p.shared.cUL&p.GREEN_MASK) + p.shared.ll*(p.shared.cLL&p.GREEN_MASK) +
          p.shared.ur*(p.shared.cUR&p.GREEN_MASK) + p.shared.lr*(p.shared.cLR&p.GREEN_MASK))
            >>> p.PRECISIONB) & p.GREEN_MASK;
     p.shared.b = (p.shared.ul*(p.shared.cUL&p.BLUE_MASK) + p.shared.ll*(p.shared.cLL&p.BLUE_MASK) +
          p.shared.ur*(p.shared.cUR&p.BLUE_MASK) + p.shared.lr*(p.shared.cLR&p.BLUE_MASK))
            >>> p.PRECISIONB;
     p.shared.a = ((p.shared.ul*((p.shared.cUL&p.ALPHA_MASK)>>>24) + p.shared.ll*((p.shared.cLL&p.ALPHA_MASK)>>>24) +
          p.shared.ur*((p.shared.cUR&p.ALPHA_MASK)>>>24) + p.shared.lr*((p.shared.cLR&p.ALPHA_MASK)>>>24))
            << p.PREC_ALPHA_SHIFT) & p.ALPHA_MASK;
     return p.shared.a | p.shared.r | p.shared.g | p.shared.b;
 };

CONSTANTS ADDED

 p.ALPHA_MASK      = 0xff000000;
 p.RED_MASK        = 0x00ff0000;
 p.GREEN_MASK      = 0x0000ff00;
 p.BLUE_MASK       = 0x000000ff;
 p.REPLACE         = 0;
 p.BLEND           = 1 << 0;
 p.ADD             = 1 << 1;
 p.SUBTRACT        = 1 << 2;
 p.LIGHTEST        = 1 << 3;
 p.DARKEST         = 1 << 4;
 p.DIFFERENCE      = 1 << 5;
 p.EXCLUSION       = 1 << 6;
 p.MULTIPLY        = 1 << 7;
 p.SCREEN          = 1 << 8;
 p.OVERLAY         = 1 << 9;
 p.HARD_LIGHT      = 1 << 10;
 p.SOFT_LIGHT      = 1 << 11;
 p.DODGE           = 1 << 12;
 p.BURN            = 1 << 13;
 // fixed point precision is limited to 15 bits!!
 p.PRECISIONB      = 15;
 p.PRECISIONF      = 1 << p.PRECISIONB;
 p.PREC_MAXVAL     = p.PRECISIONF-1;
 p.PREC_ALPHA_SHIFT= 24-p.PRECISIONB;
 p.PREC_RED_SHIFT  = 16-p.PRECISIONB;

blendColor()

 p.blendColor = function(c1, c2, mode){
     var color = 0;
     switch(mode){
         case p.REPLACE      : color = p.modes.replace(c1, c2); break;
         case p.BLEND        : color = p.modes.blend(c1, c2); break;
         case p.ADD          : color = p.modes.add(c1, c2); break;
         case p.SUBTRACT     : color = p.modes.subtract(c1, c2); break;
         case p.LIGHTEST     : color = p.modes.lightest(c1, c2); break;
         case p.DARKEST      : color = p.modes.darkest(c1, c2); break;
         case p.DIFFERENCE   : color = p.modes.difference(c1, c2); break;
         case p.EXCLUSION    : color = p.modes.exclusion(c1, c2); break;
         case p.MULTIPLY     : color = p.modes.multiply(c1, c2); break;
         case p.SCREEN       : color = p.modes.screen(c1, c2); break;
         case p.HARD_LIGHT   : color = p.modes.hard_light(c1, c2); break;
         case p.SOFT_LIGHT   : color = p.modes.soft_light(c1, c2); break;
         case p.OVERLAY      : color = p.modes.overlay(c1, c2); break;
         case p.DODGE        : color = p.modes.dodge(c1, c2); break;
         case p.BURN         : color = p.modes.burn(c1, c2); break;
     }
     return color;
 }

blendColor() helper functions

 // helper functions for internal blending modes
 // convert rgba color strings to integer
 p.rgbaToInt = function(color){
     var rgbaAry = /\(([^\)]+)\)/.exec(color).slice(1,2)[0].split(',');
     return (rgbaAry[3] << 24) | (rgbaAry[0] << 16) | (rgbaAry[1] << 8) | (rgbaAry[2]);
 }
 p.mix = function(a, b, f) {
     return a + (((b - a) * f) >> 8);
 }
 p.peg = function(n) {
     return (n < 0) ? 0 : ((n > 255) ? 255 : n);
 }

blendColor() blending modes

   // blending modes
   p.modes = {
       replace: function(a, b){
           return p.rgbaToInt(b);
       },
       blend: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
           p.mix(c1 & p.RED_MASK, c2 & p.RED_MASK, f) & p.RED_MASK |
           p.mix(c1 & p.GREEN_MASK, c2 & p.GREEN_MASK, f) & p.GREEN_MASK |
           p.mix(c1 & p.BLUE_MASK, c2 & p.BLUE_MASK, f));
       },
       add: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
           Math.min(((c1 & p.RED_MASK) +
                ((c2 & p.RED_MASK) >> 8) * f), p.RED_MASK) & p.RED_MASK |
           Math.min(((c1 & p.GREEN_MASK) +
                ((c2 & p.GREEN_MASK) >> 8) * f), p.GREEN_MASK) & p.GREEN_MASK |
           Math.min((c1 & p.BLUE_MASK) +
               (((c2 & p.BLUE_MASK) * f) >> 8), p.BLUE_MASK));
       },
       subtract: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
           Math.max(((c1 & p.RED_MASK) - ((c2 & p.RED_MASK) >> 8) * f),
                p.GREEN_MASK) & p.RED_MASK |
           Math.max(((c1 & p.GREEN_MASK) - ((c2 & p.GREEN_MASK) >> 8) * f),
                p.BLUE_MASK) & p.GREEN_MASK |
           Math.max((c1 & p.BLUE_MASK) - (((c2 & p.BLUE_MASK) * f) >> 8), 0));
       },
       lightest: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
           Math.max(c1 & p.RED_MASK, ((c2 & p.RED_MASK) >> 8) * f) & p.RED_MASK |
           Math.max(c1 & p.GREEN_MASK, ((c2 & p.GREEN_MASK) >> 8) * f) & p.GREEN_MASK |
           Math.max(c1 & p.BLUE_MASK, ((c2 & p.BLUE_MASK) * f) >> 8));
       },
       darkest: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
           p.mix(c1 & p.RED_MASK,
               Math.min(c1 & p.RED_MASK, ((c2 & p.RED_MASK) >> 8) * f), f) & p.RED_MASK |
           p.mix(c1 & p.GREEN_MASK,
               Math.min(c1 & p.GREEN_MASK, ((c2 & p.GREEN_MASK) >> 8) * f), f) & p.GREEN_MASK |
           p.mix(c1 & p.BLUE_MASK,
               Math.min(c1 & p.BLUE_MASK, ((c2 & p.BLUE_MASK) * f) >> 8), f));
       },
       difference: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = (ar > br) ? (ar-br) : (br-ar);
           var cg = (ag > bg) ? (ag-bg) : (bg-ag);
           var cb = (ab > bb) ? (ab-bb) : (bb-ab);
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       exclusion: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = ar + br - ((ar * br) >> 7);
           var cg = ag + bg - ((ag * bg) >> 7);
           var cb = ab + bb - ((ab * bb) >> 7);
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       multiply: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = (ar * br) >> 8;
           var cg = (ag * bg) >> 8;
           var cb = (ab * bb) >> 8;
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       screen: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = 255 - (((255 - ar) * (255 - br)) >> 8);
           var cg = 255 - (((255 - ag) * (255 - bg)) >> 8);
           var cb = 255 - (((255 - ab) * (255 - bb)) >> 8);
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       hard_light: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = (br < 128) ? ((ar*br)>>7) : (255-(((255-ar)*(255-br))>>7));
           var cg = (bg < 128) ? ((ag*bg)>>7) : (255-(((255-ag)*(255-bg))>>7));
           var cb = (bb < 128) ? ((ab*bb)>>7) : (255-(((255-ab)*(255-bb))>>7));
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       soft_light: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = ((ar*br)>>7) + ((ar*ar)>>8) - ((ar*ar*br)>>15);
           var cg = ((ag*bg)>>7) + ((ag*ag)>>8) - ((ag*ag*bg)>>15);
           var cb = ((ab*bb)>>7) + ((ab*ab)>>8) - ((ab*ab*bb)>>15);
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       overlay: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = (ar < 128) ? ((ar*br)>>7) : (255-(((255-ar)*(255-br))>>7));
           var cg = (ag < 128) ? ((ag*bg)>>7) : (255-(((255-ag)*(255-bg))>>7));
           var cb = (ab < 128) ? ((ab*bb)>>7) : (255-(((255-ab)*(255-bb))>>7));
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       dodge: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = (br==255) ? 255 : p.peg((ar << 8) / (255 - br)); // division requires pre-peg()-ing
           var cg = (bg==255) ? 255 : p.peg((ag << 8) / (255 - bg)); // "
           var cb = (bb==255) ? 255 : p.peg((ab << 8) / (255 - bb)); // "
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       },
       burn: function(a, b){
           var c1 = p.rgbaToInt(a);
           var c2 = p.rgbaToInt(b);
           var f = (c2 & p.ALPHA_MASK) >>> 24;
           var ar = (c1 & p.RED_MASK) >> 16;
           var ag = (c1 & p.GREEN_MASK) >> 8;
           var ab = (c1 & p.BLUE_MASK);
           var br = (c2 & p.RED_MASK) >> 16;
           var bg = (c2 & p.GREEN_MASK) >> 8;
           var bb = (c2 & p.BLUE_MASK);
           // formula:
           var cr = (br==0) ? 0 : 255 - p.peg(((255 - ar) << 8) / br); // division requires pre-peg()-ing
           var cg = (bg==0) ? 0 : 255 - p.peg(((255 - ag) << 8) / bg); // "
           var cb = (bb==0) ? 0 : 255 - p.peg(((255 - ab) << 8) / bb); // "
           // alpha blend (this portion will always be the same)
           return (Math.min(((c1 & p.ALPHA_MASK) >>> 24) + f, 0xff) << 24 |
                   (p.peg(ar + (((cr - ar) * f) >> 8)) << 16) |
                   (p.peg(ag + (((cg - ag) * f) >> 8)) << 8) |
                   (p.peg(ab + (((cb - ab) * f) >> 8)) ) );
       }      
   };

screen

 p.screen = {
   width:screen.width,
   height:screen.height
 }

log()

 p.log = function( num ) {
   return Math.log(num > 0 ? num : 0);
 }

exp()

 p.exp = function( num ){
   return Math.exp(num > 0 ? num : 0);
 }

asin()

 p.asin = function( num ){
   return Math.asin(num);
 }

acos()

 p.acos = function( num ){
   return Math.acos(num);
 }

atan()

 p.atan = function( num ){
   return Math.atan(num);
 }

tan()

 p.tan = function( num ){
   return Math.tan(num);
 }

map()

 p.map = function( value, low1, high1, low2, high2 ){
   return (((value-low1)/(high1-low1))*(high2-low2))+low2;
 }

nfc()

Specification for nfc() in processing here.
nfc() is a function used to format numbers with commas every 3rd digit and optionally how many decimal places to show right of the decimal place. It accepts int, int[], float, and float[] types and returns either a single string or array of strings depending on the input.

 p.nfc = function( num, right ){
   var str;
   var decimals = right >= 0 ? right : 0;
   if (typeof num == "object"){
     str = new Array();
     for(var i=0; i < num.length; i++){
       str[i] = p.nfc(num[i], decimals);
     }
   }
   else if (arguments.length == 2){
     var rawStr = p.nfs(num, 0, decimals);
     var digits = ("" + Math.floor(Math.abs(rawStr))).length;
     var ary = new Array();
     ary = rawStr.split('.');
     // ary[0] contains left of decimal, ary[1] contains decimal places if they exist
     // insert commas now, then append ary[1] if it exists
     var leftStr = ary[0];
     var rightStr = ary.length > 1 ? '.' + ary[1] : ;
     var commas = /(\d+)(\d{3})/;
     while (commas.test(leftStr)){
       leftStr = leftStr.replace(commas, '$1' + ',' + '$2');
     }
     str = leftStr + rightStr;
   }
   else if (arguments.length == 1){
     str = p.nfc(num, 0);
   }
   return str;
 } 

Example of this function and test is here.
Known issues: None.

shorten()

Specification for shorten() in processing here.
Arrays in JS have no type, the elements in them can contain any type and do not all have to match. Arrays are also passed by reference which means a reference to the object is passed in not the entire object. so my code creates a new array and then copies the passed in array first and then pops one element off the new array and the newary object is returned. This is built to accept a processing type of String, int, boolean, char, byte, and float. Support for arrays of objects will be added in 0.2.

 p.shorten = function( ary ) {
   var newary = new Array();
   // copy ary into newary
   for ( var i = 0; i < size; i++ ) {
       newary[ i ] = ary[ i ];
   }
   newary.pop();
   return newary;
 }

Example of this function and test is here.
Known issues: This has not been tested with arrays of objects. I'm assuming it will copy object elements in an array by reference and not produce a proper deep copy. I plan to fix this by 0.2. (confirmed, needs deep copy support for arrays of objects).

expand()

Specification for expand() in processing here.
Expand takes an array as its argument and returns a copy of the array with its length doubled. There is an optional 2nd parameter to specify the new size of the array as well.

 p.expand = function( ary, newSize ) {
   var newary = new Array();
   for ( var i = 0; i < ary.length; i++ ) {
       newary[ i ] = ary[ i ];
   }
   if (arguments.length == 1) {
     // double size of array
     newary.length *= 2;
   }
   else if (arguments.length == 2) {
     // size is newSize
     newary.length = newSize;
   }
   return newary;
 }

Example of this function and test is here.
Known issues: Not yet tested with arrays of objects.

unhex()

Specification for unhex() in processing here.
unhex takes a string representing a 8 digit hex code as its only argument and returns an int representation of the string. JavaScript supports 64 bit floats as var's so it took a little number crunching to make it output an exact replication of the Java implementation with signed int's.

 p.unhex = function( str ) {
   var value = 0;
   var multiplier = 1;
   var num = 0;
   for (var i = str.length-1; i >= 0; i--){
       try{
           switch(str[i]){
               case "0": num = 0; break;
               case "1": num = 1; break;
               case "2": num = 2; break;
               case "3": num = 3; break;
               case "4": num = 4; break;
               case "5": num = 5; break;
               case "6": num = 6; break;
               case "7": num = 7; break;
               case "8": num = 8; break;
               case "9": num = 9; break;
               case "A":
               case "a": num = 10; break;
               case "B":
               case "b": num = 11; break;
               case "C": 
               case "c": num = 12; break;
               case "D":
               case "d": num = 13; break;
               case "E":
               case "e": num = 14; break;
               case "F":
               case "f": num = 15; break;
               default:return 0; break;
           }
           value += num * multiplier;
           multiplier *= 16;
       }catch(e){;}
       // correct for int overflow java expectation
       if (value > 2147483647)
       {
           value -= 4294967296;
       }  
   }
   return value;
 }

Example of this function and test is here.
Known issues: None.

nfs()

Specification for nfs() in processing here.
nfs() is a function used to format numbers as strings with padding of 0's on either the left or right of the decimal place. It accepts int, int[], float, and float[] types and returns either a single string or array of strings depending on the input.

 p.nfs = function( num, left, right){
   var str;
   // array handling
   if (typeof num == "object"){
     str = new Array();
     for(var i=0; i < num.length; i++){
       str[i] = p.nfs(num[i], left, right);
     }
   }
   else if (arguments.length == 3){
     var negative = false;
     if (num < 0)
       negative = true;
       
     str = "" + Math.abs(num);
     var digits = ("" + Math.floor(Math.abs(num))).length;
     var count = left - digits;
     while (count > 0){
       str = "0" + str;
       count--;
     }
     // get the number of decimal places, if none will be -1
     var decimals = ("" + Math.abs(num)).length - digits - 1;
     if (decimals == -1 && right > 0)
       str = str + ".";
     if (decimals != -1)
       count = right - decimals;
     else if (decimals == -1 && right > 0){
       count = right;
     }
     else
       count = 0;
     while (count > 0){
       str = str + "0";
       count--;
     }
     str = (negative ? "-" : " ") + str;
   }
   else if (arguments.length == 2){
     str = p.nfs(num, left, 0);
   }
   return str;
 }

Example of this function and test is here.
Known issues: None.