<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1005545671246084431</id><updated>2012-02-16T02:47:33.998-05:00</updated><category term='etcetera'/><category term='sketches'/><title type='text'>Sketchbook</title><subtitle type='html'>&lt;u&gt;&lt;a href="http://r6753.com"&gt;processing sketches&lt;/a&gt;&lt;/u&gt; , etcetera</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-5354697034090336762</id><published>2010-02-19T13:20:00.000-05:00</published><updated>2010-02-19T13:20:28.692-05:00</updated><title type='text'>Processing Game</title><content type='html'>&lt;p&gt;I finally made some headway in producing a game concept I have been thinking about for a while. Its my modified version of a game mechanic that has been around for a while. I saw an implementation of the same mechanic in a mini game in Time Splitters 2 that I liked. I reproduced the vector feel of the mini game and changed the flat landscape from that one into a circular one, a planet. I've tried to code something like this many times without a lot of success.&lt;/p&gt;&lt;p&gt;I stumbled across &lt;a href="http://www.kokoromi.org/"&gt;Kokoromi&lt;/a&gt;'s call for submissions for consideration in &lt;a href="http://www.kokoromi.org/announcements/looking-fourward/"&gt;GAMMA&lt;/a&gt;IV shortly after starting again on my coding. The deadline, which was less than a week away, gave me enough motivation to finish.&lt;/p&gt;&lt;p&gt;It also caused me to produce some pretty messy code, though I am satisfied with what I accomplished in that short time. I used &lt;a href="//http://gpwiki.org/index.php/VB:Rotating_A_Point_In_2D"&gt;this method&lt;/a&gt; to rotate my points and simple multiplication for the zoom as opposed to the built in Processing transforms which tend to confuse me. A lot of &lt;i&gt;sin&lt;/i&gt; and &lt;i&gt;cos&lt;/i&gt; were used for gravity, thrust, etcetera including this little gem I found somewhere -- &lt;i&gt;sin(pangle-angle2)&lt;/i&gt; -- to compare angles without wrapping problems. &lt;a href="http://processing.org/hacks/hacks:detecting-line-to-line-intersection"&gt;This code&lt;/a&gt; on Processing Hacks handles collisions.&lt;/p&gt;&lt;p&gt;It was suggested that the games be kept secret until they were exhibited or until we got word they were not selected. Check out the other non-selected games currently being collected in &lt;a href="http://forums.tigsource.com/index.php?topic=11168.0"&gt;this forum post&lt;/a&gt;.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-5354697034090336762?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/5354697034090336762/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2010/02/processing-game.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5354697034090336762'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5354697034090336762'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2010/02/processing-game.html' title='Processing Game'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-521690024839917132</id><published>2009-12-18T16:42:00.001-05:00</published><updated>2009-12-18T16:44:38.723-05:00</updated><title type='text'>Big Update</title><content type='html'>&lt;p&gt;Tonight I'm "going live" with an update to my main site (which is what you are looking at right now, hopefully, after being redirected from r6753.blogspot.com) which contains all my new work. Since creating the new site I haven't got around to doing a lot of Processing but I have uploaded a new sketch in honor of the big update.&lt;/p&gt;&lt;p&gt;It may not seem like a big update, but it was quite a pain. This site (accessible via &lt;i&gt;http://r6753.com&lt;/i&gt; although it is currently at &lt;i&gt;http://studentpages.scad.edu/~rbraue20&lt;/i&gt;) now pulls my posts from Blogspot. I'm using &lt;a href="http://magpierss.sourceforge.net/"&gt;Magpie&lt;/a&gt; which in turn uses a PHP library called &lt;a href="http://snoopy.sourceforge.net/"&gt;Snoopy&lt;/a&gt; that acts like a web browser usable inside scripts. Snoopy gets the feed and Magpie formats it for display. I'm not sure if its the best solution as the project looks a little run down but it seems to work okay so far. It seems to lag behind a little on the updating with new posts. I don't know how its cache system works and its not to well documented.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-521690024839917132?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/521690024839917132/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2009/12/big-update.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/521690024839917132'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/521690024839917132'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2009/12/big-update.html' title='Big Update'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-922535467305815333</id><published>2009-06-10T16:58:00.003-04:00</published><updated>2009-06-10T17:10:22.852-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='etcetera'/><title type='text'>r6753.com improvements</title><content type='html'>&lt;p&gt;Worked on some little things on the site today and added to the RSS to make it more compliant. The dates on the RSS are approximate upload dates. Last time I put up new work I uploaded a batch of stuff I had done in the previous couple of months. Now my RSS thing reads the "last modified" dates on the files, so I just &lt;a href="http://php.net/manual/en/function.touch.php"&gt;touched&lt;/a&gt; them with times a minute apart in the order I wanted.&lt;/p&gt;&lt;p&gt;I've been trying to work on a project that is more extensive than my usual explorations so I could maybe learn some new Java stuff. I hope to have it up sometime in the near future.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-922535467305815333?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/922535467305815333/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2009/06/r6753com-improvements.html#comment-form' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/922535467305815333'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/922535467305815333'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2009/06/r6753com-improvements.html' title='r6753.com improvements'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-6010147810595188988</id><published>2009-03-29T12:44:00.005-04:00</published><updated>2009-06-10T17:10:00.172-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='etcetera'/><title type='text'>r6753.com</title><content type='html'>&lt;p&gt;As you can see I haven't posted much of anything lately. You haven't missed much, but I do have a new site up for my sketches and other work: &lt;br /&gt;&lt;br /&gt;&lt;a href="http://r6753.com/"&gt;r6753.com&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;I will probably continue the blog separately from the gallery site. I haven't decided what exactly I want to do yet so there are not links back here on the gallery site.&lt;/p&gt;&lt;p&gt;Bear with me I'm still working on it. If you have problems with it please email &lt;a href="mailto:&amp;#114;&amp;#54;&amp;#55;&amp;#53;&amp;#51;&amp;#46;&amp;#99;&amp;#111;&amp;#109;&amp;#64;&amp;#103;&amp;#109;&amp;#97;&amp;#105;&amp;#108;&amp;#46;&amp;#99;&amp;#111;&amp;#109;"&gt;&amp;#114;&amp;#54;&amp;#55;&amp;#53;&amp;#51;&amp;#46;&amp;#99;&amp;#111;&amp;#109;&amp;#64;&amp;#103;&amp;#109;&amp;#97;&amp;#105;&amp;#108;&amp;#46;&amp;#99;&amp;#111;&amp;#109;&lt;/a&gt;. I've added an RSS feed but I have to get the domain fowarding/masking set up right so my meta and link tags will work.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-6010147810595188988?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/6010147810595188988/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2009/03/r6753com.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/6010147810595188988'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/6010147810595188988'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2009/03/r6753com.html' title='r6753.com'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-1432797132224919930</id><published>2008-09-15T11:34:00.003-04:00</published><updated>2008-09-15T11:40:08.251-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>feedback</title><content type='html'>&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#9150801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/feedback/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/__qEbQih4acs/SM6BadrKNfI/AAAAAAAAAB0/M9GY7dAJn3k/s200/feedback.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5246272907575440882" /&gt;&lt;/a&gt;&lt;a name="9150801"&gt;&lt;/a&gt;&lt;a href="#9150801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/feedback/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;basic example of feedback in a sketch, move your mouse over it&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-1432797132224919930?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/1432797132224919930/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/09/view-this-sketch-basic-example-of.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/1432797132224919930'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/1432797132224919930'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/09/view-this-sketch-basic-example-of.html' title='feedback'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/__qEbQih4acs/SM6BadrKNfI/AAAAAAAAAB0/M9GY7dAJn3k/s72-c/feedback.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-5553143324459881490</id><published>2008-09-02T11:59:00.005-04:00</published><updated>2008-09-02T12:16:33.274-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>prime music</title><content type='html'>&lt;p&gt;Here it is as promised. Press 'm' to change the view mode. Note that the zoomed mode was a little twitchy when tested on Firefox 2.x but fine in 3.x. Press ']' and '[' (keys 93 and 91) to increase or decrease playback rate. Press space to play / pause.&lt;/p&gt; &lt;p&gt;While paused press '-' or '=' or numberpad '-' or '+' (keys 45, 61, 43) to increase or decrease the number of rows. To set the number of columns type a three digit number between 3 and 120. For 57 as an example, type 057 and then enter/return. It doesn't give you feedback on what you have typed until you hit enter. If you get mixed up hit backspace or delete to clear and start over.&lt;/p&gt;&lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#9020801"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://2.bp.blogspot.com/__qEbQih4acs/SL1lr6Bfk0I/AAAAAAAAABs/LOyL0i2rPRk/s200/primeMusic.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5241457346313425730" /&gt;&lt;/a&gt;&lt;a name="9020801"&gt;&lt;/a&gt;&lt;a href="#9020801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/primeMusic/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-5553143324459881490?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/5553143324459881490/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/09/prime-music.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5553143324459881490'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5553143324459881490'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/09/prime-music.html' title='prime music'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/__qEbQih4acs/SL1lr6Bfk0I/AAAAAAAAABs/LOyL0i2rPRk/s72-c/primeMusic.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-1287908705487436257</id><published>2008-08-24T16:18:00.003-04:00</published><updated>2008-08-24T16:23:07.250-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='etcetera'/><title type='text'>WIP: Prime Number Music</title><content type='html'>&lt;p&gt;The next project in progress here is a data-player of sorts that creates MIDI music from prime numbers (or any other sequence on ints) as input. It was first executed in V4. Preview it here: &lt;a href="http://vvvv.org/tiki-index.php?page=UserPageRick"&gt;http://vvvv.org/tiki-index.php?page=UserPageRick&lt;/a&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-1287908705487436257?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/1287908705487436257/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/08/wip-prime-number-music.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/1287908705487436257'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/1287908705487436257'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/08/wip-prime-number-music.html' title='WIP: Prime Number Music'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-5146522903715346453</id><published>2008-07-29T13:11:00.005-04:00</published><updated>2008-08-25T13:01:13.028-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>frame buffer experiment</title><content type='html'>&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#7290801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circleFrame/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/__qEbQih4acs/SI9QM0Pj_jI/AAAAAAAAABk/4aIIBtEWKFQ/s200/frame.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5228485873513004594" /&gt;&lt;/a&gt;&lt;a name="7290801"&gt;&lt;/a&gt;&lt;a href="#7290801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circleFrame/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;This sketch is the result of the bouncing circles with frame buffer experiments. Click to reset.&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage()"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-5146522903715346453?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/5146522903715346453/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/07/frame-buffer-experiment.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5146522903715346453'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5146522903715346453'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/07/frame-buffer-experiment.html' title='frame buffer experiment'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/__qEbQih4acs/SI9QM0Pj_jI/AAAAAAAAABk/4aIIBtEWKFQ/s72-c/frame.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-5063741379980535736</id><published>2008-07-14T17:02:00.007-04:00</published><updated>2008-08-25T14:15:49.681-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='etcetera'/><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>discs + blog status</title><content type='html'>&lt;p&gt;Discs is a sketch that came out of more experimentation with agents. In this setup the agents can see and individually identify others in their site range. The possibilities of this are not pushed very far in this particular sketch but it creates nice visual compositions.&lt;/p&gt; &lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#7140801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/discs/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/__qEbQih4acs/SHvBBquQO5I/AAAAAAAAABU/nNUYewKTkLg/s200/discs.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5222980427258542994" /&gt;&lt;/a&gt;&lt;a name="7140801"&gt;&lt;/a&gt;&lt;a href="#7140801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/discs/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;space toggles color / b&amp;w, click for new composition&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;br&gt;&lt;/a&gt;&lt;p&gt;A contact form is the newest addition to the blog but the layout seems to be messed up in Internet Explorer now. A javascript framework might be a good way to go. If anyone has any suggestions about how to easily avoid cross-browser inconsistency it would be highly appreciated.&lt;/p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/__qEbQih4acs/SHvC2ikKHyI/AAAAAAAAABc/zgKwaECLfMY/s1600-h/test.gif"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/__qEbQih4acs/SHvC2ikKHyI/AAAAAAAAABc/zgKwaECLfMY/s400/test.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5222982435113410338" /&gt;&lt;/a&gt;&lt;p&gt;This image shows how its supposed to work. Notice the right side is scrolled while the stuff on the left stays static.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-5063741379980535736?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/5063741379980535736/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/07/discs-blog-status.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5063741379980535736'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/5063741379980535736'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/07/discs-blog-status.html' title='discs + blog status'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/__qEbQih4acs/SHvBBquQO5I/AAAAAAAAABU/nNUYewKTkLg/s72-c/discs.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-695477414251331364</id><published>2008-06-27T17:04:00.007-04:00</published><updated>2008-08-25T14:16:17.402-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>agents</title><content type='html'>&lt;p&gt;Four-thousand software agents live and die to compose this sketch. Simple logic controls their lives. They are sensitive to the amount of dark pixels directly surrounding them and try to move towards the lighter ones. By clicking the sketch to focus then moving your mouse you can control their environment and sensitivity to overcrowding. The agents respawn in a randomly selected uncrowded location after death.&lt;/p&gt;&lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6270801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/pixAgents/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/__qEbQih4acs/SGVX0YQ11gI/AAAAAAAAABM/Lje5wsXjo9Q/s200/agents.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5216672300756489730" /&gt;&lt;/a&gt;&lt;a name="6270801"&gt;&lt;/a&gt;&lt;a href="#6270801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/pixAgents/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;mouseX : crowd sensitivity&lt;br&gt;mouseY : accumulation&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-695477414251331364?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/695477414251331364/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/agents.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/695477414251331364'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/695477414251331364'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/agents.html' title='agents'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp1.blogger.com/__qEbQih4acs/SGVX0YQ11gI/AAAAAAAAABM/Lje5wsXjo9Q/s72-c/agents.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-2568469206646221122</id><published>2008-06-24T11:09:00.008-04:00</published><updated>2008-08-25T14:16:37.847-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>circles + backbuffer</title><content type='html'>&lt;p&gt;This is a fairly simple combination of my modified circles code and the backbuffer stuff from the last post.&lt;/p&gt;&lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6240801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circlesB/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/__qEbQih4acs/SGEPoRp5m7I/AAAAAAAAABE/JqUCMQHhwxc/s200/circlesB.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5215467028080073650" /&gt;&lt;/a&gt;&lt;a name="6240801"&gt;&lt;/a&gt;&lt;a href="#6240801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circlesB/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;&lt;del&gt;still sketchy, no controls&lt;/del&gt; has pause now, click in applet, again to continue&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-2568469206646221122?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/2568469206646221122/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/this-is-combination-of-my-modified.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/2568469206646221122'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/2568469206646221122'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/this-is-combination-of-my-modified.html' title='circles + backbuffer'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp1.blogger.com/__qEbQih4acs/SGEPoRp5m7I/AAAAAAAAABE/JqUCMQHhwxc/s72-c/circlesB.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-2231598503966490900</id><published>2008-06-23T11:24:00.007-04:00</published><updated>2008-08-25T14:16:58.604-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>extended patterns</title><content type='html'>&lt;p&gt;This is an extension on the code from the last post. This one does the same pixel operations but does them on an invisible array of pixels and streams them into the viewable area. There are also more controls on this one:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;1-7 : # keys 1,2,3...7 change mode&lt;/li&gt;&lt;li&gt;animation position/rate :&lt;/li&gt;&lt;ul&gt;&lt;li&gt;r : random position&lt;/li&gt;&lt;li&gt;p : pause/unpause&lt;/li&gt;&lt;li&gt;- : decrease display rate (tap)&lt;/li&gt;&lt;li&gt;= : increase display rate (tap)&lt;/li&gt;&lt;/ul&gt;&lt;li&gt;backbuffer size :&lt;/li&gt;&lt;ul&gt;&lt;li&gt;s : random size square&lt;/li&gt;&lt;li&gt;n : random size non-square&lt;/li&gt;&lt;li&gt;x : random size square &gt; view&lt;/li&gt;&lt;li&gt;z : random size non-square &gt; view&lt;/li&gt;&lt;li&gt;f : fill view (backbuffer 400, 400)&lt;/li&gt;&lt;/ul&gt;&lt;/ul&gt;&lt;p&gt;Information is displayed to the Java console each time a key is pressed.&lt;/p&gt;&lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6230801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/patternWebB/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/__qEbQih4acs/SF_ESX6VkrI/AAAAAAAAAA8/Qt7EWRIaqPY/s200/patternB.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5215102713453712050" /&gt;&lt;/a&gt;&lt;a name="6230801"&gt;&lt;/a&gt;&lt;a href="#6230801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/patternWebB/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-2231598503966490900?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/2231598503966490900/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/extended-patterns.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/2231598503966490900'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/2231598503966490900'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/extended-patterns.html' title='extended patterns'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/__qEbQih4acs/SF_ESX6VkrI/AAAAAAAAAA8/Qt7EWRIaqPY/s72-c/patternB.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-3319224245970467727</id><published>2008-06-20T11:01:00.009-04:00</published><updated>2008-08-25T14:17:21.208-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>patterns</title><content type='html'>&lt;p&gt;Patterns are generated with simple operations on each pixel in the frame. Combining the pixel index (j) with the width and height of the frame and a small incrementing decimal (count, the frame number of the animation) through modulus and scaling determines if the pixel is filled black or passed over.&lt;blockquote&gt; &lt;br /&gt;&lt;span style="color: #CC0000;"&gt;pixels&lt;/span&gt;[&lt;span style="color: #996600;"&gt;floor&lt;/span&gt;(&lt;span style="color: #996600;"&gt;constrain&lt;/span&gt;(((j%&lt;span style="color: #CC0000;"&gt;height&lt;/span&gt;)*&lt;span style="color: #CC0000;"&gt;width&lt;/span&gt;+(j%(count*j)%&lt;span style="color: #CC0000;"&gt;width&lt;/span&gt;)), 0, &lt;span style="color: #CC0000;"&gt;pixels&lt;/span&gt;.&lt;span style="color: #996600;"&gt;length&lt;/span&gt;-1))]&lt;br /&gt;&lt;/blockquote&gt;&lt;/p&gt;&lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6200801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/patternWeb/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/__qEbQih4acs/SFvJ09Els2I/AAAAAAAAAA0/rtj0csyy7Qs/s200/pattern.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5213982905195672418" /&gt;&lt;/a&gt;&lt;a name="6200801"&gt;&lt;/a&gt;&lt;a href="#6200801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/patternWeb/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;press 1-7 for variations, p to pause/unpause, r to go to random position in animation&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-3319224245970467727?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/3319224245970467727/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/patterns.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/3319224245970467727'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/3319224245970467727'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/patterns.html' title='patterns'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp1.blogger.com/__qEbQih4acs/SFvJ09Els2I/AAAAAAAAAA0/rtj0csyy7Qs/s72-c/pattern.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-889962055454997571</id><published>2008-06-18T18:05:00.010-04:00</published><updated>2008-08-25T14:17:41.113-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>bouncing circles</title><content type='html'>&lt;p&gt;Seen here are some sketches that came out of exploration of the basic bouncing circles code provided for the &lt;a href="http://processing.org/discourse/yabb_beta/YaBB.cgi?board=Exhibition;action=display;num=1212696216"&gt;'Remix' my sketch&lt;/a&gt; post on processing.org. The first one uses straight mathematical operations on the colors which produces somewhat strange results. The second one uses more graceful color mixing and is more finished.&lt;/p&gt;&lt;br /&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6180801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circles2/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/__qEbQih4acs/SFmIAo2JihI/AAAAAAAAAAk/aYXt5pP-Fhw/s200/circles2.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5213347588203973138" /&gt;&lt;/a&gt;&lt;a name="6180801"&gt;&lt;/a&gt;&lt;a href="#6180801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circles2/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;uses addition and modulus (which produces the "tearing") on colors&lt;/p&gt;&lt;br&gt;&lt;p style="height:100px;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6180802" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circles4/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/__qEbQih4acs/SFmI8dIlw4I/AAAAAAAAAAs/_NYBh8GVg_U/s200/circles4.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5213348615852245890" /&gt;&lt;/a&gt;&lt;a name="6180802"&gt;&lt;/a&gt;&lt;a href="#6180802" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circles4/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;uses more graceful color operations (same addition from previous post) to maintain homeostasis&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-889962055454997571?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/889962055454997571/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/bouncing-circles.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/889962055454997571'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/889962055454997571'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/bouncing-circles.html' title='bouncing circles'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/__qEbQih4acs/SFmIAo2JihI/AAAAAAAAAAk/aYXt5pP-Fhw/s72-c/circles2.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-2483039093002038706</id><published>2008-06-17T14:04:00.021-04:00</published><updated>2008-08-25T14:17:58.472-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sketches'/><title type='text'>perlin experiments</title><content type='html'>&lt;p&gt;Here we have some Perlin noise sketches. The first two came about while heading towards the third and getting off track or screwing up. Learning about color mixing and the visual presentation of the first one was worth it:&lt;/p&gt;&lt;blockquote&gt;  &lt;br /&gt;&lt;span style="color: #CC0000;"&gt;pixels&lt;/span&gt;[i+j*&lt;span style="color: #CC0000;"&gt;width&lt;/span&gt;] = &lt;span style="color: #CC6600;"&gt;color&lt;/span&gt;(&lt;span style="color: #996600;"&gt;red&lt;/span&gt;(&lt;span style="color: #CC0000;"&gt;pixels&lt;/span&gt;[i+j*&lt;span style="color: #CC0000;"&gt;width&lt;/span&gt;])+a[0], &lt;span style="color: #996600;"&gt;green&lt;/span&gt;(&lt;span style="color: #CC0000;"&gt;pixels&lt;/span&gt;[i+j*&lt;span style="color: #CC0000;"&gt;width&lt;/span&gt;])+a[1], &lt;span style="color: #996600;"&gt;blue&lt;/span&gt;(&lt;span style="color: #CC0000;"&gt;pixels&lt;/span&gt;[i+j*&lt;span style="color: #CC0000;"&gt;width&lt;/span&gt;])+a[2]); &lt;/blockquote&gt;&lt;p style="height:100px;"&gt;&lt;br /&gt;&lt;a name="6170801"&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6170801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/color/'"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/__qEbQih4acs/SFgCiHYhwbI/AAAAAAAAAAM/fEUiHMkqm2o/s200/color.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5212919353802080690" /&gt;&lt;/a&gt;&lt;a href="#6170801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/color/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;tendency for Perlin noise to form gridded circles when accumulated&lt;/p&gt;&lt;br&gt;&lt;p style="height:100px;"&gt;&lt;a name="6170802"&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6170802"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/__qEbQih4acs/SFgEYnYvnQI/AAAAAAAAAAU/2tVhdDEhnPI/s200/shape.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5212921389617487106" /&gt;&lt;/a&gt;&lt;a href="#6170802" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/shape/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;kind of a failed attempt at the last one&lt;/p&gt;&lt;br&gt;&lt;p style="height:100px;"&gt;&lt;a name="6170803"&gt;&lt;/a&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#6170803"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/__qEbQih4acs/SFgFSiHmvvI/AAAAAAAAAAc/x1HZpcH04BQ/s200/bands.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5212922384635838194" /&gt;&lt;/a&gt;&lt;a href="#6170803" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/bands/'"&gt;view this sketch&lt;/a&gt;&lt;br&gt;original intended output; incremented threshold on single Perlin instance&lt;/p&gt;&lt;br&gt;click in sketch to restart&lt;br&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-2483039093002038706?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/2483039093002038706/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/perlin-experiments.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/2483039093002038706'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/2483039093002038706'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/perlin-experiments.html' title='perlin experiments'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp3.blogger.com/__qEbQih4acs/SFgCiHYhwbI/AAAAAAAAAAM/fEUiHMkqm2o/s72-c/color.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1005545671246084431.post-7168090781874471257</id><published>2008-06-16T17:00:00.011-04:00</published><updated>2008-08-25T14:18:16.526-04:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='etcetera'/><title type='text'>experimental processing sketchbook</title><content type='html'>&lt;p&gt;This is an attempt at putting together a blog with the main purpose being a gallery of Processing sketches. Some input on this as far as how it works and any other feedback would be great (maybe screenshots in your browser). It most likely has some problems and probably doesn't work very well in some browsers. This is the first successful iteration of it and the code is still sketchy.&lt;/p&gt;&lt;p&gt;The space to the right is an iframe that loads the auto-generated sketch sites output from Processing. It is inside a div with a fixed position so if scrolling is required the applet display box will stay in one place while the posts scroll. Each link to a sketch closes any sketch that is currently in the display box before displaying the linked sketch.&lt;br&gt;&lt;br&gt;&lt;a name="6160801"&gt;&lt;/a&gt;&lt;a href="#6160801" onClick="document.getElementById('appBox').src = 'http://studentpages.scad.edu/~rbraue20/circles4/'"&gt;an example sketch link&lt;/a&gt;&lt;/p&gt;&lt;br&gt;&lt;a href="#" onClick="closePage();"&gt;close sketch&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1005545671246084431-7168090781874471257?l=r6753.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://r6753.blogspot.com/feeds/7168090781874471257/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://r6753.blogspot.com/2008/06/experimental-processing-sketchbook.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/7168090781874471257'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1005545671246084431/posts/default/7168090781874471257'/><link rel='alternate' type='text/html' href='http://r6753.blogspot.com/2008/06/experimental-processing-sketchbook.html' title='experimental processing sketchbook'/><author><name>R6753</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
