Brendon Smith AKA SeaCloud9 Design - tagged with processing http://life.brendonsmith.com/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron brendonsmith@seacloud9.org Processing is Coming to Android [Processing, Android] | CreativeApplications.Net http://life.brendonsmith.com/items/view/2153/processing-is-coming-to-android-processing-android-creativeapplicationsnet ]]> Mon, 28 Jun 2010 21:21:34 -0700 http://life.brendonsmith.com/items/view/2153/processing-is-coming-to-android-processing-android-creativeapplicationsnet Next Chapter http://life.brendonsmith.com/items/view/2084/next-chapter

Well the good news is I am officially a Rich Internet Application Developer! So I will mainly be focusing on creating reusable controls with JavaScript and ActionScript for the retail store Hayneedle! I will miss working with all the wonderful developers at infoGroup. I was fortunate enough to start their as a Graphical User Interface Developer and end as a Software Engineer. I have learned a tremendous amount from working at infoGroup and will miss all of them. I will also never forget all the knowledge they shared with me. C# is an awesome language and so is Ruby on Rails! I will continue to use both in the future! While working at infoGroup I worked on numerous projects 2 newer versions of Salesgenie.com and one entirely new product SalesDesk a real-time CRM. I utilized jQuery, CSS, ASP.NET 2.0, ASP.NET 3.5 (MVC), and Ruby on Rails. I will continue to learn and use new languages at my new post at Hayneedle I will be using ColdFusion, JavaScript, and ActionScript. I think it will be fun to have a change of pace and I am really excited to be a part of their development / user experience group! I believe this job will enable me to use my creative side a little more; so I think that will be enjoyable and I think I will learn a tremendous amount by working with the new team they are an extremely innovative group. It is always good to challenge yourself and change things, and have new experiences, I will miss infoGroup. This month I have been extremely busy I am currently working with two clients in the Omaha Metro area and I will be teaming up with MinorWhiteStudios on future projects so I am excited to be working with them. I believe they are the best photographers / designers in town. I hadn’t talked to Scott in years and it was nice of him to call me. His whole team is extremely creative and I belive I will also learn a great deal working with them! I have really been sitting around and reading a great deal at home. I don’t get out much anymore. I find myself playing with new technologies on my off time. I have also been working on a game for a client of mine and hopefully I can have a demo of that soon! Lately I have been playing around with ProcessingJS and here is a new experiment. This example uses a font from DaFont. This example also borrows from this example thanks to @F1LT3R for sharing this example. You know it’s fun using Processing with jQuery I will continue to watch and play with this framework because its fun:)

var jData; var objClik = new Array(); var colorPool = new Array("#075997","#079714","#970744","#079792","#970769","#078497", "#970718", "#075197", "#079733","#079707"); function loadFeed(){ jQuery.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=2432dea4d4d6afa353c425dc5e542fb4&_render=json&_callback=?", function(json) { jData = json; jQuery('#YahooPipe').width(jQuery(window).width()); jQuery('#YahooPipe').height(jQuery(window).height()); loadProcessing(); }); } jQuery(document).ready(function() { try{ if(!jQuery.browser.msie){ loadFeed(); }else{ jQuery('#result').text("Sorry you are using Internet Explorer an inferior browser please utilize a next generation browser like FireFox, Chrome, or Safari!"); } }catch(err){ jQuery('#result').text("Sorry Pipe Failed to Load Please refresh and try again:)"); } });   function loadProcessing(){ var script = document.getElementById( 'linkScript' ).text; var canvas = document.getElementById( 'YahooPipe' ); Processing(canvas, script); }     void setup() { strokeWeight(0); noStroke(); size(jQuery(window).width(),jQuery(window).height()); background(255); smooth(); } PFont font = loadFont("Champagne_Limousines.svg"); void draw() { for(i = 0; i < jData.value.items.length; i++){ int pointX = random(0,jQuery(window).width()); int pointY = random(0,jQuery(window).height()); int fSize = random(30,65); objClik.push(new alinked(pointX,pointY,fSize,jData.value.items[i].link, jData.value.items[i].title, colorPool[Math.floor(Math.random() * colorPool.length)],colorPool[Math.floor(Math.random() * colorPool.length)]));   } forLinks('render'); exit(); }     void forLinks(mode){ for(int i=0;i < objClik.length; i++){ t=objClik[i]; switch(mode){ case 'render':objClik[i].render();break; case 'detect': mouseX > objClik[i].x &&
mouseY > objClik[i].y && mouseY < objClik[i].y+t.size && mouseX < objClik[i].x+t.anchorWidth? objClik[i].rollOver(): objClik[i].rollOut(); break; case 'clicks':objClik[i].mouseOver?objClik[i].clicked():0; } } }   void mouseMoved(){forLinks('detect');} void mouseClicked(){forLinks('clicks');}   class alinked{ boolean mouseOver; color current_col; float anchorWidth; alinked(float x, float y, float size, String href,String anchor, Color text_col, Color hover_col) { href=href;
anchor=anchor;
this.size=size; this.x=x,this.y=y; text_col=text_col; hover_col=hover_col; current_col=text_col; mouseOver=false;
} void render(){ anchorWidth=font.width(anchor)*size;
clear(x,y,anchorWidth,size+4); textFont(font,size); fill(current_col); mouseOver?rect(x,y+size+2,anchorWidth,1):0; text(anchor,x,y);
} void rollOver(){ if(!mouseOver){
mouseOver=true; cursor('pointer'); current_col=hover_col; render(); } } void rollOut(){ if(mouseOver){ mouseOver=false; cursor('auto'); current_col=text_col; render(); } } void clicked(){ link(href, "_blank"); } }

Launch Example / Download Example This experiment simply grabs a yahoo pipe parses the JSON and then adds the links to the Canvas tag. It is really amazing to see all the progress of HTML5 and all the cool new JavaScript libraries. Please note internet explorer users will not be able to view this example because IE does not support the Canvas tag:(. Sometimes I have also noticed it fails to capture the JSON but I have a try catch so it should tell you to try again. I am not going to add a JAVA version of this project simply because I don’t have time too right now. I noticed ProcessingJS is now supporting some of the 3D functions of Processing (JAVA) I haven’t had time to play with them lately but I will make a data mashup with it as soon as I can find the time. I am also still working on my new Portfolio the never ending project maybe within the next two weeks I will actually post it! I am looking forward to CS5 and purchasing Flash Builder 4! I have also noticed that with libraries like Scripty2 it might be a fun to port over some Flash Games (AS2) utilize JavaScript so they can be enjoyed with out a plugin! Sandy3D haXe 2 JavaScript Examples Corona SDK SproutCore JavaScript FrameWork Scripty2 Excellent C++ RayCaster Example Ajax RayCaster Example XNA C# RayCaster

]]>
Sun, 28 Mar 2010 20:54:12 -0700 http://life.brendonsmith.com/items/view/2084/next-chapter
Art From Code : #Generative Graphics http://life.brendonsmith.com/items/view/1972/art-from-code-generative-graphics ]]> Wed, 24 Mar 2010 13:38:35 -0700 http://life.brendonsmith.com/items/view/1972/art-from-code-generative-graphics #onebyoneblog Spinny 3D Trees #generative http://life.brendonsmith.com/items/view/1923/onebyoneblog-spinny-3d-trees-generative ]]> Mon, 15 Mar 2010 20:36:17 -0700 http://life.brendonsmith.com/items/view/1923/onebyoneblog-spinny-3d-trees-generative #Processing, #Art, #Design, #Code unique #generative compositions http://life.brendonsmith.com/items/view/1873/processing-art-design-code-unique-generative-compositions ]]> Sun, 28 Feb 2010 18:09:27 -0800 http://life.brendonsmith.com/items/view/1873/processing-art-design-code-unique-generative-compositions #generative #processing artifacts http://life.brendonsmith.com/items/view/1874/generative-processing-artifacts ]]> Sun, 28 Feb 2010 18:05:10 -0800 http://life.brendonsmith.com/items/view/1874/generative-processing-artifacts code_swarm #visualization #art #processing #generative http://life.brendonsmith.com/items/view/1730/code-swarm-visualization-art-processing-generative ]]> Mon, 08 Feb 2010 10:24:06 -0800 http://life.brendonsmith.com/items/view/1730/code-swarm-visualization-art-processing-generative Lorenz Attractor – HTML5 Style with #Processing.js http://life.brendonsmith.com/items/view/1726/lorenz-attractor-html5-style-with-processingjs ]]> Mon, 08 Feb 2010 06:49:23 -0800 http://life.brendonsmith.com/items/view/1726/lorenz-attractor-html5-style-with-processingjs save to web \ Hacks \ #Processing 1.0 http://life.brendonsmith.com/items/view/1544/save-to-web-hacks-processing-10

PHP

]]>
Sun, 17 Jan 2010 07:54:00 -0800 http://life.brendonsmith.com/items/view/1544/save-to-web-hacks-processing-10
Workshops | Giulio Piacentino http://life.brendonsmith.com/items/view/1526/workshops-giulio-piacentino

C# and #Generative art

]]>
Thu, 14 Jan 2010 14:29:39 -0800 http://life.brendonsmith.com/items/view/1526/workshops-giulio-piacentino
save() \ Language (API) \ Processing 1.0 http://life.brendonsmith.com/items/view/1510/save-language-api-processing-10

Save Image

]]>
Tue, 12 Jan 2010 17:23:05 -0800 http://life.brendonsmith.com/items/view/1510/save-language-api-processing-10
Processing 1.0 - save to web --- image export http://life.brendonsmith.com/items/view/1504/processing-10-save-to-web-image-export

Export Image from #processing

]]>
Tue, 12 Jan 2010 16:53:05 -0800 http://life.brendonsmith.com/items/view/1504/processing-10-save-to-web-image-export
kaleidoscope http://life.brendonsmith.com/items/view/1481/kaleidoscope

Camera Library for Processing

]]>
Mon, 11 Jan 2010 07:51:36 -0800 http://life.brendonsmith.com/items/view/1481/kaleidoscope
android.processing.org http://life.brendonsmith.com/items/view/1475/androidprocessingorg

Processing for Andriod

]]>
Sun, 10 Jan 2010 18:39:12 -0800 http://life.brendonsmith.com/items/view/1475/androidprocessingorg
uupaa-excanvas.js - README http://life.brendonsmith.com/items/view/1196/uupaa-excanvasjs-readme ]]> Tue, 10 Nov 2009 11:06:09 -0800 http://life.brendonsmith.com/items/view/1196/uupaa-excanvasjs-readme ASK KEN™ - Visual Knowledge Browser http://life.brendonsmith.com/items/view/1193/ask-ken-visual-knowledge-browser ]]> Tue, 10 Nov 2009 05:04:37 -0800 http://life.brendonsmith.com/items/view/1193/ask-ken-visual-knowledge-browser Processing.js - Gaussian Blurs with Processing.js http://life.brendonsmith.com/items/view/1176/processingjs-gaussian-blurs-with-processingjs ]]> Sun, 08 Nov 2009 12:13:54 -0800 http://life.brendonsmith.com/items/view/1176/processingjs-gaussian-blurs-with-processingjs marius watz: unlekker.net http://life.brendonsmith.com/items/view/1172/marius-watz-unlekkernet ]]> Sat, 07 Nov 2009 09:05:15 -0800 http://life.brendonsmith.com/items/view/1172/marius-watz-unlekkernet typografie.de http://life.brendonsmith.com/items/view/1124/typografiede ]]> Sun, 01 Nov 2009 07:00:46 -0800 http://life.brendonsmith.com/items/view/1124/typografiede toxi: Processing works http://life.brendonsmith.com/items/view/1090/toxi-processing-works ]]> Thu, 22 Oct 2009 12:51:19 -0700 http://life.brendonsmith.com/items/view/1090/toxi-processing-works