benchmarks/Biotyp.svg @@ -4,7 +4,7 @@ <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Processing.js Benchmarks</title> -<script type="text/javascript" src="../processing.js"></script> +<script type="text/javascript" src="../processing.min.js"></script> <script type="text/javascript"> /* * This code searches for all the <script type="application/processing" target="canvasid"> @@ -45,18 +45,27 @@ if ( document.addEventListener ) { <body> <h1>Processing.js Benchmarks</h1> <h2>All Canvas elements should render green</h2> + + <div><p>text()<p> + <script type="application/processing"> + size(50,50); + noStroke(); + PFont fontA = loadFont("Biotyp.svg"); + textFont(fontA, 12); + fill(0); + text("Working!", 0, 0); + </script><canvas style="background:#0f0;"></canvas> + </div> <div><p>println()<p> <script type="application/processing"> size(50,50); noStroke(); - void lnPrinted(){ - if(ln=="fillGreen"){ - fill(0,255,0); - rect(0,0,50,50); - } + void lnPrinted(){ + fill(ln[0],ln[1],ln[2]); + rect(0,0,50,50); } - println("fillGreen"); + println(0,255,0); </script><canvas style="background:red;"></canvas> </div> benchmarks/index.html @@ -310,7 +310,10 @@ function buildProcessing( curElement ){ var start = (new Date).getTime(); // println(), print() - p.ln = ""; + p.ln = ""; + + // Glyph path storage for quick rendering + p.glyphTable = {}; // Global vars for tracking mouse position p.pmouseX = 0; @@ -664,17 +667,38 @@ function buildProcessing( curElement ){ }; p.loadFont = function loadFont( name ) { - return { + if(name.indexOf(".svg")==-1){ + return { + name: name, + width: function( str ) { + if ( curContext.mozMeasureText ) + return curContext.mozMeasureText( typeof str == "number" ? + String.fromCharCode( str ) : + str) / curTextSize; + else + return 0; + } + }; + }else{// If the font is a glyph, calculate by SVG table + var font=p.loadGlyphs(name); + return { name: name, + glyph: true, + units_per_em: font.units_per_em, + horiz_adv_x: font.horiz_adv_x, + ascent: font.ascent, + descent: font.descent, width: function( str ) { - if ( curContext.mozMeasureText ) - return curContext.mozMeasureText( typeof str == "number" ? - String.fromCharCode( str ) : - str) / curTextSize; - else - return 0; + var width=0; + var len = str.length; + for(var i=0;i < len;i++){ + try{width+=parseFloat(p.glyphLook(p.glyphTable[name],str[i]).horiz_adv_x);} + catch(e){;} + } + return width/p.glyphTable[name].units_per_em; + } } - }; + } }; p.textFont = function textFont( name, size ) { @@ -690,18 +714,227 @@ function buildProcessing( curElement ){ p.textAlign = function textAlign(){}; + p.glyphLook = function glyphLook(font,chr){ + try{ + switch(chr){ + case "1":return font["one"];break; + case "2":return font["two"];break; + case "3":return font["three"];break; + case "4":return font["four"];break; + case "5":return font["five"];break; + case "6":return font["six"];break; + case "7":return font["seven"];break; + case "8":return font["eight"];break; + case "9":return font["nine"];break; + case "0":return font["zero"];break; + case " ":return font["space"];break; + case "$":return font["dollar"];break; + case "!":return font["exclam"];break; + case '"':return font["quotedbl"];break; + case "#":return font["numbersign"];break; + case "%":return font["percent"];break; + case "&":return font["ampersand"];break; + case "'":return font["quotesingle"];break; + case "(":return font["parenleft"];break; + case ")":return font["parenright"];break; + case "*":return font["asterisk"];break; + case "+":return font["plus"];break; + case ",":return font["comma"];break; + case "-":return font["hyphen"];break; + case ".":return font["period"];break; + case "/":return font["slash"];break; + case "_":return font["underscore"];break; + case ":":return font["colon"];break; + case ";":return font["semicolon"];break; + case "<":return font["less"];break; + case "=":return font["equal"];break; + case ">":return font["greater"];break; + case "?":return font["question"];break; + case "@":return font["at"];break; + case "[":return font["bracketleft"];break; + case "\\":return font["backslash"];break; + case "]":return font["bracketright"];break; + case "^":return font["asciicircum"];break; + case "`":return font["grave"];break; + case "{":return font["braceleft"];break; + case "|":return font["bar"];break; + case "}":return font["braceright"];break; + case "~":return font["asciitilde"];break; + default:return font[chr]; break; + } + }catch(e){;} + } + p.text = function text( str, x, y ) { - if ( str && curContext.mozDrawText ) { - curContext.save(); - curContext.mozTextStyle = curTextSize + "px " + curTextFont.name; - curContext.translate(x, y); - curContext.mozDrawText( typeof str == "number" ? - String.fromCharCode( str ) : - str ); + if(!curTextFont.glyph){ + if ( str && curContext.mozDrawText ) { + curContext.save(); + curContext.mozTextStyle = curTextSize + "px " + curTextFont.name; + curContext.translate(x, y); + curContext.mozDrawText( typeof str == "number" ? + String.fromCharCode( str ) : + str ); + curContext.restore(); + } + }else{ + var font=p.glyphTable[curTextFont.name]; + curContext.save(); + curContext.translate(x,y+curTextSize); + var upem = font["units_per_em"]; + var newScale=1/upem*curTextSize; + curContext.scale(newScale,newScale); + var len = str.length; + for(var i=0;i < len;i++){ + try{p.glyphLook(font,str[i]).draw();} + catch(e){;} + } curContext.restore(); } }; + + // Load Batik SVG Fonts and parse to pre-def objects for quick rendering - F1LT3R + p.loadGlyphs=function loadGlyph(url){ + // SJAX SVG as XML D.O. + var loadXML=function loadXML(){ + try{var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");} + catch(e){try{xmlDoc=document.implementation.createDocument("","",null);} + catch(e){p.println(e.message);return;}} + try{// Firefox, Mozilla, Opera, etc. + xmlDoc.async=false; + xmlDoc.load(url); + parse(xmlDoc.getElementsByTagName("svg")[0]); + } + catch(e){try{// Google Chrome, Safari etc. + try{console.log(e)}catch(e){alert(e);} + var xmlhttp = new window.XMLHttpRequest(); + xmlhttp.open("GET",url,false); + xmlhttp.send(null); + parse(xmlhttp.responseXML.documentElement); + }catch(e){} + } + } + + // Return arrays of SVG commands and coords + var regex=function regex(needle,hay){ + var regexp=new RegExp(needle,"g"); + var i=0; + var results=[]; + while(results[i]=regexp.exec(hay)){i++;} + return results; + } + + // Parse SVG font-file + var parse=function parse(svg){ + + // Store font attributes + var font=svg.getElementsByTagName("font"); + p.glyphTable[url]["horiz_adv_x"]=font[0].getAttribute("horiz-adv-x"); + var font_face=svg.getElementsByTagName("font-face")[0]; + p.glyphTable[url]["units_per_em"]=parseFloat(font_face.getAttribute("units-per-em")); + p.glyphTable[url]["ascent"]=parseFloat(font_face.getAttribute("ascent")); + p.glyphTable[url]["descent"]=parseFloat(font_face.getAttribute("descent")); + + var getXY = "[0-9\-]+"; + var glyph = svg.getElementsByTagName("glyph"); + + // Loop through each glyph in the SVG + var len = glyph.length; + for(var i=0;i < len;i++){ + + // Store attributes for this glyph + var unicode = glyph[i].getAttribute("unicode"); + var name = glyph[i].getAttribute("glyph-name"); + var horiz_adv_x = glyph[i].getAttribute("horiz-adv-x"); + if(horiz_adv_x==null){var horiz_adv_x=p.glyphTable[url]['horiz_adv_x'];} + + var buildPath = function buildPath(d){ + var c = regex("[A-Za-z][0-9\- ]+|Z",d); + // Begin storing path object + var path="var path={draw:function(){curContext.beginPath();";//curContext.beginPath(); + // Loop through SVG commands translating to canvas eqivs functions in path object + var x=0,y=0,cx=0,cy=0,nx=0,ny=0,d=0,a=0,lastCom=""; + var lenC = c.length-1; + for(var j=0;j < lenC;j++){ + var com=c[j][0]; + var xy=regex(getXY,com); + switch(com[0]){ + case "M"://curContext.moveTo(x,-y); + x=parseFloat( xy[0][0] ); + y=parseFloat( xy[1][0] ); + path+="curContext.moveTo("+(x)+","+(-y)+");"; + break; + case "L"://curContext.lineTo(x,-y); + x=parseFloat( xy[0][0] ); + y=parseFloat( xy[1][0] ); + path+="curContext.lineTo("+(x)+","+(-y)+");"; + break; + case "H"://curContext.lineTo(x,-y) + x=parseFloat( xy[0][0] ); + path+="curContext.lineTo("+(x)+","+(-y)+");"; + break; + case "V"://curContext.lineTo(x,-y); + y=parseFloat( xy[0][0] ); + path+="curContext.lineTo("+(x)+","+(-y)+");"; + break; + case "T"://curContext.quadraticCurveTo(cx,-cy,nx,-ny); + nx=parseFloat( xy[0][0] ); + ny=parseFloat( xy[1][0] ); + if(lastCom=="Q"||lastCom=="T"){ + d=Math.sqrt(Math.pow(x-cx,2)+Math.pow(cy-y,2)); + a=Math.PI+Math.atan2(cx-x,cy-y); + cx=x+(Math.sin(a)*(d)); + cy=y+(Math.cos(a)*(d)); + }else{cx=x;cy=y;} + path+="curContext.quadraticCurveTo("+(cx)+","+(-cy)+","+(nx)+","+(-ny)+");"; + x=nx;y=ny; + break; + case "Q"://curContext.quadraticCurveTo(cx,-cy,nx,-ny); + cx=parseFloat( xy[0][0] ); + cy=parseFloat( xy[1][0] ); + nx=parseFloat( xy[2][0] ); + ny=parseFloat( xy[3][0] ); + path+="curContext.quadraticCurveTo("+(cx)+","+(-cy)+","+(nx)+","+(-ny)+");"; + x=nx;y=ny; + break; + case "Z"://curContext.closePath(); + path+="curContext.closePath();"; + break; + } + lastCom=com[0]; + } + path+="curContext.translate("+(horiz_adv_x)+",0);"; + path+="curContext.stroke();curContext.fill();}}";//curContext.stroke();//curContext.fill(); + return path; + } + + // Split path commands in glpyh + var d=glyph[i].getAttribute("d"); + if(d!==undefined){ + var path=buildPath(d); + eval(path); + // Store glyph data to table object + p.glyphTable[url][name]={ + name:name, + unicode:unicode, + horiz_adv_x:horiz_adv_x, + draw:path.draw + } + } + } // finished adding glyphs to table + } + + // Create a new object in glyphTable to store this font + p.glyphTable[url]={}; + + // Begin loading the Batik SVG font... + loadXML(url); + + // Return the loaded font for attribute grabbing + return p.glyphTable[url]; + } + + // Returns a line to lnPrinted() for user handling p.lnPrinted = function lnPrinted(){}; p.printed = function printed(){}; processing.js @@ -16,7 +16,7 @@ rest=methods+rest;aCode=left+rest+"\n}}"+staticVars+allRest;} aCode=aCode.replace(/Processing.\w+ = function addMethod/g,"addMethod");function nextBrace(right){var rest=right;var position=0;var leftCount=1,rightCount=0;while(leftCount!=rightCount){var nextLeft=rest.indexOf("{");var nextRight=rest.indexOf("}");if(nextLeft<nextRight&&nextLeft!=-1){leftCount++;rest=rest.slice(nextLeft+1);position+=nextLeft+1;}else{rightCount++;rest=rest.slice(nextRight+1);position+=nextRight+1;}} return right.slice(0,position-1);} aCode=aCode.replace(/$int$/g,"0|");aCode=aCode.replace(new RegExp("\$("+classes.join("|")+")(\\[\\])?\$","g"),"");aCode=aCode.replace(/(\d+)f[^a-zA-Z0-9]/g,"$1");aCode=aCode.replace(/('[a-zA-Z0-9]')/g,"$1.charCodeAt(0)");aCode=aCode.replace(/#([a-f0-9]{6})/ig,function(m,hex){var num=toNumbers(hex);return"DefaultColor("+num[0]+","+num[1]+","+num[2]+")";});function toNumbers(str){var ret=[];str.replace(/(..)/g,function(str){ret.push(parseInt(str,16));});return ret;} -return aCode;};function buildProcessing(curElement){var p={};p.PI=Math.PI;p.TWO_PI=2*p.PI;p.HALF_PI=p.PI/2;p.P3D=3;p.CORNER=0;p.RADIUS=1;p.CENTER_RADIUS=1;p.CENTER=2;p.POLYGON=2;p.QUADS=5;p.TRIANGLES=6;p.POINTS=7;p.LINES=8;p.TRIANGLE_STRIP=9;p.TRIANGLE_FAN=4;p.QUAD_STRIP=3;p.CORNERS=10;p.CLOSE=true;p.RGB=1;p.HSB=2;p.CENTER=88888880;p.CODED=88888888;p.UP=88888870;p.RIGHT=88888871;p.DOWN=88888872;p.LEFT=88888869;p.codedKeys=[69,70,71,72];var curContext=curElement.getContext("2d");var doFill=true;var doStroke=true;var loopStarted=false;var hasBackground=false;var doLoop=true;var looping=0;var curRectMode=p.CORNER;var curEllipseMode=p.CENTER;var inSetup=false;var inDraw=false;var curBackground="rgba(204,204,204,1)";var curFrameRate=1000;var curShape=p.POLYGON;var curShapeCount=0;var curvePoints=[];var curTightness=0;var opacityRange=255;var redRange=255;var greenRange=255;var blueRange=255;var pathOpen=false;var mousePressed=false;var keyPressed=false;var firstX,firstY,secondX,secondY,prevX,prevY;var curColorMode=p.RGB;var curTint=-1;var curTextSize=12;var curTextFont="Arial";var getLoaded=false;var start=(new Date).getTime();p.ln="";p.pmouseX=0;p.pmouseY=0;p.mouseX=0;p.mouseY=0;p.mouseButton=0;p.mouseDragged=undefined;p.mouseMoved=undefined;p.mousePressed=undefined;p.mouseReleased=undefined;p.keyPressed=undefined;p.keyReleased=undefined;p.draw=undefined;p.setup=undefined;p.width=curElement.width-0;p.height=curElement.height-0;p.frameCount=0;p.DefaultColor=function(aValue1,aValue2,aValue3){var tmpColorMode=curColorMode;curColorMode=p.RGB;var c=p.color(((aValue1/255)*redRange),((aValue2/255)*greenRange),((aValue3/255)*blueRange));curColorMode=tmpColorMode;return c;} +return aCode;};function buildProcessing(curElement){var p={};p.PI=Math.PI;p.TWO_PI=2*p.PI;p.HALF_PI=p.PI/2;p.P3D=3;p.CORNER=0;p.RADIUS=1;p.CENTER_RADIUS=1;p.CENTER=2;p.POLYGON=2;p.QUADS=5;p.TRIANGLES=6;p.POINTS=7;p.LINES=8;p.TRIANGLE_STRIP=9;p.TRIANGLE_FAN=4;p.QUAD_STRIP=3;p.CORNERS=10;p.CLOSE=true;p.RGB=1;p.HSB=2;p.CENTER=88888880;p.CODED=88888888;p.UP=88888870;p.RIGHT=88888871;p.DOWN=88888872;p.LEFT=88888869;p.codedKeys=[69,70,71,72];var curContext=curElement.getContext("2d");var doFill=true;var doStroke=true;var loopStarted=false;var hasBackground=false;var doLoop=true;var looping=0;var curRectMode=p.CORNER;var curEllipseMode=p.CENTER;var inSetup=false;var inDraw=false;var curBackground="rgba(204,204,204,1)";var curFrameRate=1000;var curShape=p.POLYGON;var curShapeCount=0;var curvePoints=[];var curTightness=0;var opacityRange=255;var redRange=255;var greenRange=255;var blueRange=255;var pathOpen=false;var mousePressed=false;var keyPressed=false;var firstX,firstY,secondX,secondY,prevX,prevY;var curColorMode=p.RGB;var curTint=-1;var curTextSize=12;var curTextFont="Arial";var getLoaded=false;var start=(new Date).getTime();p.ln="";p.glyphTable={};p.pmouseX=0;p.pmouseY=0;p.mouseX=0;p.mouseY=0;p.mouseButton=0;p.mouseDragged=undefined;p.mouseMoved=undefined;p.mousePressed=undefined;p.mouseReleased=undefined;p.keyPressed=undefined;p.keyReleased=undefined;p.draw=undefined;p.setup=undefined;p.width=curElement.width-0;p.height=curElement.height-0;p.frameCount=0;p.DefaultColor=function(aValue1,aValue2,aValue3){var tmpColorMode=curColorMode;curColorMode=p.RGB;var c=p.color(((aValue1/255)*redRange),((aValue2/255)*greenRange),((aValue3/255)*blueRange));curColorMode=tmpColorMode;return c;} p.ajax=function(url){if(window.XMLHttpRequest){AJAX=new XMLHttpRequest();} else{AJAX=new ActiveXObject("Microsoft.XMLHTTP");} if(AJAX){AJAX.open("GET",url,false);AJAX.send(null);return AJAX.responseText;}else{return false;}} @@ -44,9 +44,29 @@ p.image=function image(img,x,y,w,h){x=x||0;y=y||0;var obj=getImage(img);if(curTi if(arguments.length==3){curContext.drawImage(obj,x,y);}else{curContext.drawImage(obj,x,y,w,h);} if(curTint>=0){curContext.globalAlpha=oldAlpha;} if(img._mask){var oldComposite=curContext.globalCompositeOperation;curContext.globalCompositeOperation="darker";p.image(img._mask,x,y);curContext.globalCompositeOperation=oldComposite;}};p.exit=function exit(){clearInterval(looping);};p.save=function save(file){};p.loadImage=function loadImage(file){var img=document.getElementById(file);if(!img) -return;var h=img.height,w=img.width;var canvas=document.createElement("canvas");canvas.width=w;canvas.height=h;var context=canvas.getContext("2d");context.drawImage(img,0,0);var data=buildImageObject(context.getImageData(0,0,w,h));data.img=img;return data;};p.loadFont=function loadFont(name){return{name:name,width:function(str){if(curContext.mozMeasureText) +return;var h=img.height,w=img.width;var canvas=document.createElement("canvas");canvas.width=w;canvas.height=h;var context=canvas.getContext("2d");context.drawImage(img,0,0);var data=buildImageObject(context.getImageData(0,0,w,h));data.img=img;return data;};p.loadFont=function loadFont(name){if(name.indexOf(".svg")==-1){return{name:name,width:function(str){if(curContext.mozMeasureText) return curContext.mozMeasureText(typeof str=="number"?String.fromCharCode(str):str)/curTextSize;else -return 0;}};};p.textFont=function textFont(name,size){curTextFont=name;p.textSize(size);};p.textSize=function textSize(size){if(size){curTextSize=size;}};p.textAlign=function textAlign(){};p.text=function text(str,x,y){if(str&&curContext.mozDrawText){curContext.save();curContext.mozTextStyle=curTextSize+"px "+curTextFont.name;curContext.translate(x,y);curContext.mozDrawText(typeof str=="number"?String.fromCharCode(str):str);curContext.restore();}};p.lnPrinted=function lnPrinted(){};p.printed=function printed(){};p.println=function println(){var Caller=arguments.callee.caller.name.toString();if(arguments.length>1){Caller!="print"?p.ln=arguments:p.ln=arguments[0];}else{p.ln=arguments[0];} +return 0;}};}else{var font=p.loadGlyphs(name);return{name:name,glyph:true,units_per_em:font.units_per_em,horiz_adv_x:font.horiz_adv_x,ascent:font.ascent,descent:font.descent,width:function(str){var width=0;var len=str.length;for(var i=0;i<len;i++){try{width+=parseFloat(p.glyphLook(p.glyphTable[name],str[i]).horiz_adv_x);} +catch(e){;}} +return width/p.glyphTable[name].units_per_em;}}}};p.textFont=function textFont(name,size){curTextFont=name;p.textSize(size);};p.textSize=function textSize(size){if(size){curTextSize=size;}};p.textAlign=function textAlign(){};p.glyphLook=function glyphLook(font,chr){try{switch(chr){case"1":return font["one"];break;case"2":return font["two"];break;case"3":return font["three"];break;case"4":return font["four"];break;case"5":return font["five"];break;case"6":return font["six"];break;case"7":return font["seven"];break;case"8":return font["eight"];break;case"9":return font["nine"];break;case"0":return font["zero"];break;case" ":return font["space"];break;case"$":return font["dollar"];break;case"!":return font["exclam"];break;case'"':return font["quotedbl"];break;case"#":return font["numbersign"];break;case"%":return font["percent"];break;case"&":return font["ampersand"];break;case"'":return font["quotesingle"];break;case"(":return font["parenleft"];break;case")":return font["parenright"];break;case"*":return font["asterisk"];break;case"+":return font["plus"];break;case",":return font["comma"];break;case"-":return font["hyphen"];break;case".":return font["period"];break;case"/":return font["slash"];break;case"_":return font["underscore"];break;case":":return font["colon"];break;case";":return font["semicolon"];break;case"<":return font["less"];break;case"=":return font["equal"];break;case">":return font["greater"];break;case"?":return font["question"];break;case"@":return font["at"];break;case"[":return font["bracketleft"];break;case"\\":return font["backslash"];break;case"]":return font["bracketright"];break;case"^":return font["asciicircum"];break;case"`":return font["grave"];break;case"{":return font["braceleft"];break;case"|":return font["bar"];break;case"}":return font["braceright"];break;case"~":return font["asciitilde"];break;default:return font[chr];break;}}catch(e){;}} +p.text=function text(str,x,y){if(!curTextFont.glyph){if(str&&curContext.mozDrawText){curContext.save();curContext.mozTextStyle=curTextSize+"px "+curTextFont.name;curContext.translate(x,y);curContext.mozDrawText(typeof str=="number"?String.fromCharCode(str):str);curContext.restore();}}else{var font=p.glyphTable[curTextFont.name];curContext.save();curContext.translate(x,y+curTextSize);var upem=font["units_per_em"];var newScale=1/upem*curTextSize;curContext.scale(newScale,newScale);var len=str.length;for(var i=0;i<len;i++){try{p.glyphLook(font,str[i]).draw();} +catch(e){;}} +curContext.restore();}};p.loadGlyphs=function loadGlyph(url){var loadXML=function loadXML(){try{var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");} +catch(e){try{xmlDoc=document.implementation.createDocument("","",null);} +catch(e){p.println(e.message);return;}} +try{xmlDoc.async=false;xmlDoc.load(url);parse(xmlDoc.getElementsByTagName("svg")[0]);} +catch(e){try{try{console.log(e)}catch(e){alert(e);} +var xmlhttp=new window.XMLHttpRequest();xmlhttp.open("GET",url,false);xmlhttp.send(null);parse(xmlhttp.responseXML.documentElement);}catch(e){}}} +var regex=function regex(needle,hay){var regexp=new RegExp(needle,"g");var i=0;var results=[];while(results[i]=regexp.exec(hay)){i++;} +return results;} +var parse=function parse(svg){var font=svg.getElementsByTagName("font");p.glyphTable[url]["horiz_adv_x"]=font[0].getAttribute("horiz-adv-x");var font_face=svg.getElementsByTagName("font-face")[0];p.glyphTable[url]["units_per_em"]=parseFloat(font_face.getAttribute("units-per-em"));p.glyphTable[url]["ascent"]=parseFloat(font_face.getAttribute("ascent"));p.glyphTable[url]["descent"]=parseFloat(font_face.getAttribute("descent"));var getXY="[0-9\-]+";var glyph=svg.getElementsByTagName("glyph");var len=glyph.length;for(var i=0;i<len;i++){var unicode=glyph[i].getAttribute("unicode");var name=glyph[i].getAttribute("glyph-name");var horiz_adv_x=glyph[i].getAttribute("horiz-adv-x");if(horiz_adv_x==null){var horiz_adv_x=p.glyphTable[url]['horiz_adv_x'];} +var buildPath=function buildPath(d){var c=regex("[A-Za-z][0-9\- ]+|Z",d);var path="var path={draw:function(){curContext.beginPath();";var x=0,y=0,cx=0,cy=0,nx=0,ny=0,d=0,a=0,lastCom="";var lenC=c.length-1;for(var j=0;j<lenC;j++){var com=c[j][0];var xy=regex(getXY,com);switch(com[0]){case"M":x=parseFloat(xy[0][0]);y=parseFloat(xy[1][0]);path+="curContext.moveTo("+(x)+","+(-y)+");";break;case"L":x=parseFloat(xy[0][0]);y=parseFloat(xy[1][0]);path+="curContext.lineTo("+(x)+","+(-y)+");";break;case"H":x=parseFloat(xy[0][0]);path+="curContext.lineTo("+(x)+","+(-y)+");";break;case"V":y=parseFloat(xy[0][0]);path+="curContext.lineTo("+(x)+","+(-y)+");";break;case"T":nx=parseFloat(xy[0][0]);ny=parseFloat(xy[1][0]);if(lastCom=="Q"||lastCom=="T"){d=Math.sqrt(Math.pow(x-cx,2)+Math.pow(cy-y,2));a=Math.PI+Math.atan2(cx-x,cy-y);cx=x+(Math.sin(a)*(d));cy=y+(Math.cos(a)*(d));}else{cx=x;cy=y;} +path+="curContext.quadraticCurveTo("+(cx)+","+(-cy)+","+(nx)+","+(-ny)+");";x=nx;y=ny;break;case"Q":cx=parseFloat(xy[0][0]);cy=parseFloat(xy[1][0]);nx=parseFloat(xy[2][0]);ny=parseFloat(xy[3][0]);path+="curContext.quadraticCurveTo("+(cx)+","+(-cy)+","+(nx)+","+(-ny)+");";x=nx;y=ny;break;case"Z":path+="curContext.closePath();";break;} +lastCom=com[0];} +path+="curContext.translate("+(horiz_adv_x)+",0);";path+="curContext.stroke();curContext.fill();}}";return path;} +var d=glyph[i].getAttribute("d");if(d!==undefined){var path=buildPath(d);eval(path);p.glyphTable[url][name]={name:name,unicode:unicode,horiz_adv_x:horiz_adv_x,draw:path.draw}}}} +p.glyphTable[url]={};loadXML(url);return p.glyphTable[url];} +p.lnPrinted=function lnPrinted(){};p.printed=function printed(){};p.println=function println(){var Caller=arguments.callee.caller.name.toString();if(arguments.length>1){Caller!="print"?p.ln=arguments:p.ln=arguments[0];}else{p.ln=arguments[0];} Caller=="print"?p.printed(arguments):p.lnPrinted();};p.print=function print(){p.println(arguments[0])};p.char=function char(key){return key;};p.map=function map(value,istart,istop,ostart,ostop){return ostart+(ostop-ostart)*((value-istart)/(istop-istart));};String.prototype.replaceAll=function(re,replace){return this.replace(new RegExp(re,"g"),replace);};p.Point=function Point(x,y){this.x=x;this.y=y;this.copy=function(){return new Point(x,y);}};p.Random=function(){var haveNextNextGaussian=false;var nextNextGaussian;this.nextGaussian=function(){if(haveNextNextGaussian){haveNextNextGaussian=false;return nextNextGaussian;}else{var v1,v2,s;do{v1=2*p.random(1)-1;v2=2*p.random(1)-1;s=v1*v1+v2*v2;}while(s>=1||s==0);var multiplier=Math.sqrt(-2*Math.log(s)/s);nextNextGaussian=v2*multiplier;haveNextNextGaussian=true;return v1*multiplier;}};};p.ArrayList=function ArrayList(size,size2,size3){var array=new Array(0|size);if(size2){for(var i=0;i<size;i++){array[i]=[];for(var j=0;j<size2;j++){var a=array[i][j]=size3?new Array(size3):0;for(var k=0;k<size3;k++){a[k]=0;}}}}else{for(var i=0;i<size;i++){array[i]=0;}} array.size=function(){return this.length;};array.get=function(i){return this[i];};array.remove=function(i){return this.splice(i,1);};array.add=function(item){return this.push(item);};array.clone=function(){var a=new ArrayList(size);for(var i=0;i<size;i++){a[i]=this[i];} return a;};array.isEmpty=function(){return!this.length;};array.clear=function(){this.length=0;};return array;};p.colorMode=function colorMode(mode,range1,range2,range3,range4){curColorMode=mode;if(arguments.length>=4){redRange=range1;greenRange=range2;blueRange=range3;} processing.min.js b490640bea1e03a0f100aa8c61fc55fce61d8489 F1LT3R director@hyper-metrix.com http://github.com/jeresig/processing-js/commit/295c51ccc9afcc179dc0a0a78087d47935bc0761 295c51ccc9afcc179dc0a0a78087d47935bc0761

2009-05-08T08:37:00-07:00

Happy B'day Processingjs! TTF Support Added c295f1e5a37691d0b0b36e3fc797d8f2367936ef F1LT3R director@hyper-metrix.com