<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Oolong's Playground &#187; Processing</title>
	<atom:link href="http://oolong.co.uk/play/category/processing/feed" rel="self" type="application/rss+xml" />
	<link>http://oolong.co.uk/play</link>
	<description>adventures in generative art and fun mathematics</description>
	<lastBuildDate>Thu, 22 Mar 2012 14:17:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Toroids</title>
		<link>http://oolong.co.uk/play/toroids</link>
		<comments>http://oolong.co.uk/play/toroids#comments</comments>
		<pubDate>Thu, 01 Mar 2012 12:19:23 +0000</pubDate>
		<dc:creator>frm</dc:creator>
				<category><![CDATA[Processing]]></category>

		<guid isPermaLink="false">http://oolong.co.uk/play/?p=205</guid>
		<description><![CDATA[This is an animation based on  toroids, and what happens when circles of circles go in circles of circles: an image of endless four-dimensional convergence. Long, long ago, when the Internet was young and so was I, Compuserve ran a successful collection of forums on many and varied topics. Their Science &#38; Maths Forum in [...]]]></description>
			<content:encoded><![CDATA[<p>This is an animation based on  toroids, and what happens when circles of circles go in circles of circles: an image of endless four-dimensional convergence.</p>
<p><span id="more-205"></span></p>
<p>Long, long ago, when the Internet was young and so was I, Compuserve ran a successful collection of forums on many and varied topics. Their <a href="http://community.compuserve.com/n/pfx/forum.aspx?webtag=ws-sciencemath&amp;redirCnt=1">Science &amp; Maths Forum</a> in particular brought me delight and illumination; reading lucid explanations of difficult topics, and attempting to produce them myself, had a great formative influence on me as a potential scientist and educator. There&#8217;s nothing quite like explaining something to get it straight in your own head.</p>
<p>One of the internet-friends I made there was an American named Jeff Werbock, who came bearing a vision of the universe as a unified whole composed of space multiply curved in on itself, and forever converging and diverging: a sort of universal hypertoroid. Though I&#8217;m not convinced that it entirely captures the way the cosmos works, I very much like its focus on curvature and movement as fundamental features of the structure of spacetime, and I think it has great aesthetic appeal.</p>
<p>So when it struck me one day that I knew exactly how to create a visualisation of it using <a href="http://bustingseams.blogspot.com/2009/05/autodesk-animator.html">POCO</a>, the animation-based C variant that I was programming in at that time, I was pleased to sit down and make it. This was <a href="http://oolong.co.uk/tor1.htm" target="appbox">one of the first mathematical animations</a> I ever created, and the interactive version you see here is on extremely similar lines.</p>
<p>We start by drawing a toroid, which is a circle swept out in a circle, like a geometrically perfect bagel. The circles that make up the toroid are rotating, so the toroid is forever converging and diverging. Dragging the mouse left or right changes the degree to which this toroid is twisted around on itself. This gives us a rough approximation &#8211; or at least a cross-section &#8211; of a hypertoroid, which is a toroid swept out in circle.</p>
<p>Drag the mouse up and down in the frame to change the size of thing, and hold down the shift key while you do it to change the minor radius independently from the major radius.</p>
<p>I am currently working on a mobile version of this using <a href="http://wiki.processing.org/w/Android">Processing for Android</a>, and a narrative version to accompany Jeff&#8217;s in-depth explanations of how he sees this all working&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://oolong.co.uk/play/toroids/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kenneth Web</title>
		<link>http://oolong.co.uk/play/kw</link>
		<comments>http://oolong.co.uk/play/kw#comments</comments>
		<pubDate>Thu, 09 Feb 2012 10:09:00 +0000</pubDate>
		<dc:creator>frm</dc:creator>
				<category><![CDATA[Processing]]></category>

		<guid isPermaLink="false">http://oolong.co.uk/play/?p=257</guid>
		<description><![CDATA[This is a set of visualisations which are all, in one way or another, based on pairs of interacting sine waves. Most of them are variations on applets I first created some time ago. The impetus to collect them all together in one place came when I set about creating an interactive installation, Kenneth and [...]]]></description>
			<content:encoded><![CDATA[<p>This is a set of visualisations which are all, in one way or another, based on pairs of interacting sine waves. </p>
<p><span id="more-257"></span>Most of them are variations on applets I first created some time ago. The impetus to collect them all together in one place came when I set about creating an interactive installation, <a href="http://oolong.co.uk/play/kenneth">Kenneth and the Waves</a>, using a more elegant set of inputs than that allowed by a mouse and keyboard.</p>
<p>The first shows the most basic interaction of two waves &#8211; the black wave at the top is the <a href="http://everything2.com/title/superposition">superposition</a> of the waves, which is to say it&#8217;s what you get when you add them together. When the two waves are in phase, the peaks of one are added to the peaks of the other; when they are in anti-phase (half a cycle out of synch with each other) they cancel out. Among other things, this is the basis of interference, and standing waves &#8211; which are what you get when two identical waves travel in opposite directions in the same space. Standing waves don&#8217;t travel at all, even though they are made up of waves travelling in opposite directions. All musical instruments make use of standing waves, and they are important for various other reasons.</p>
<p>Since all the animations are all based on pairs of simple waves, they can all be controlled by changing the frequency, amplitude and speed of those waves. To do this, drag the mouse cursor in the animation box to change frequency (left button), amplitude (right button or shift-click) and speed (middle button or ctrl-click). The vertical axis controls one wave, horizontal axis controls the other. Press a key to switch between animations.</p>
<p>If you don&#8217;t have a working Java plugin for your browser, or you just want a bigger version, you could try downloading one of these applications for your operating system:</p>
<ul>
<li><a href="http://oolong.co.uk/kw/application.linux32.rar">Linux (32-bit)</a></li>
<li><a href="http://oolong.co.uk/kw/application.linux64.rar">Linux (64-bit)</a></li>
<li><a href="http://oolong.co.uk/kw/application.macosx.rar">Mac OS X</a></li>
<li><a href="http://oolong.co.uk/kw/application.windows32.rar">Windows (32-bit)</a></li>
<li><a href="http://oolong.co.uk/kw/application.windows64.rar">Windows (64-bit)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://oolong.co.uk/play/kw/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kenneth Mark II</title>
		<link>http://oolong.co.uk/play/kenneth-mark-ii</link>
		<comments>http://oolong.co.uk/play/kenneth-mark-ii#comments</comments>
		<pubDate>Sat, 03 Dec 2011 14:20:56 +0000</pubDate>
		<dc:creator>frm</dc:creator>
				<category><![CDATA[Arduino]]></category>
		<category><![CDATA[Processing]]></category>

		<guid isPermaLink="false">http://oolong.co.uk/play/?p=224</guid>
		<description><![CDATA[This summer I went travelling around the Iberian Peninsula, partly because I had some of my work accepted for the exhibition accompanying the 2011 Bridges Conference on connections between art and mathematics, in Portugal &#8211; specifically, a large print of my generative art still &#8216;Vortical&#8216; and my interactive installation based on waves, Kenneth. Since I [...]]]></description>
			<content:encoded><![CDATA[<p>This summer I went <a href="http://oolong.co.uk/oo/travel-in-iberia">travelling around the Iberian Peninsula</a>, partly because I had some of my work accepted for the <a href="http://gallery.bridgesmathart.org/exhibitions/2011-bridges-conference">exhibition</a> accompanying the <a href="http://bridgesmathart.org/bridges-2011/">2011 Bridges Conference</a> on connections between art and mathematics, in Portugal &#8211; specifically, <a href="http://www.flickr.com/photos/0olong/6002507512/in/photostream/">a large print</a> of my generative art still &#8216;<a href="http://www.flickr.com/photos/0olong/2830078511/">Vortical</a>&#8216; and my interactive installation based on waves, <a href="http://oolong.co.uk/play/kenneth">Kenneth</a>.</p>
<p>Since I planned to travel all over Spain and Portugal carrying this thing, I figured I&#8217;d better make something more portable than the beautiful <a href="http://www.flickr.com/photos/0olong/3902037202/">fire-engine-red box</a> that Tom Hardiment made me for Kenneth Mark I, which was originally a solid hardwood drawer. I took the opportunity to give it a completely different aesthetic.</p>
<p>I was always torn between two looks for controls for my animations &#8211; either they should be hyper-futuristic, like a starship control panel, or stained wood and brass like the machines and instruments of the Victorian era. I have always had a thing for antique scientific equipment, so I can understand why steampunk has become such a big thing. I decided to go with wood and brass.</p>
<p><a title="Kenneth Mark II knob macro by 0olong, on Flickr" href="http://www.flickr.com/photos/0olong/6002509540/"><img src="http://farm7.staticflickr.com/6007/6002509540_cf5ecefd87_m.jpg" alt="Kenneth Mark II knob macro" width="240" height="160" /></a></p>
<p><span id="more-224"></span>I stripped out the plywood with the sliders and buttons attached, cut it down to size, sanded it, stained it and varnished it, and I picked up some brass knobs  and edging. Then I travelled with it to the Basque Country, where I was teaching English and looking after kids on a summer camp for a couple of weeks.  One of my colleagues there, Gareth Fox, helped me put it all together with some support struts; I replaced the plastic slider knobs with the sort you might otherwise use to open small doors. Then I went travelling again, right across to the southwest of Spain and then back up through Portugal.</p>
<p>Unfortunately somewhere on that largely unplanned journey (it&#8217;s a long story) I  misplaced the Arduino board that provides the interface between the sliders and a computer&#8217;s USB port. It&#8217;s not always easy to find an Arduino in a small city in a foreign country, and with no local knowledge at my command I googled &#8216;Arduino Coimbra&#8217; and reached out for advice to the one person I found listed on the Arduino site, <a href="http://paloma.isr.uc.pt/~micaelcouceiro/about_me/about_me.htm">Micael Couceiro</a> of <a href="http://www.robocorp.org/">RoboCorp</a> and <a title="Instituto Superior de Engenharia de Coimbra" href="http://www.isec.pt/">ISEC</a>.  He suggested that if I didn&#8217;t have time to order online and wait for a delivery, I should try a shop on the outskirts of town, so I went there at lunch the next afternoon and sat around for about two hours waiting for them to open, only to find they were all out.</p>
<p>Eventually he very kindly agreed to lend me a board from his department, so I went over there the next day and in the end he didn&#8217;t just lend me a board but he and his colleagues offered an amazing amount of support and practical help mounting it properly and putting finishing touches to the box.</p>
<p>I finally got to exhibit Kenneth Mark II properly on the very last day of the conference &#8211; a little late, but not too late for a whole lot of people to play with it and give very positive feedback!</p>
<p><a title="Kenneth Fingers by 0olong, on Flickr" href="http://www.flickr.com/photos/0olong/6002508162/"><img src="http://farm7.staticflickr.com/6134/6002508162_81cb3076d8_m.jpg" alt="Kenneth Fingers" width="215" height="240" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://oolong.co.uk/play/kenneth-mark-ii/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>It&#8217;s about control</title>
		<link>http://oolong.co.uk/play/its-about-control</link>
		<comments>http://oolong.co.uk/play/its-about-control#comments</comments>
		<pubDate>Fri, 11 Sep 2009 17:58:32 +0000</pubDate>
		<dc:creator>frm</dc:creator>
				<category><![CDATA[Arduino]]></category>
		<category><![CDATA[Processing]]></category>

		<guid isPermaLink="false">http://oolong.co.uk/play/?p=119</guid>
		<description><![CDATA[Interactive animations need intuitive controls to make them easy to play with. Since they always have a bunch of parameters to control, dragging with the mouse always seems a bit clumsy. I figured that what&#8217;s really wanted is a bank of sliders and buttons to play with, each controlling a parameter. That way people can [...]]]></description>
			<content:encoded><![CDATA[<p>Interactive animations need intuitive controls to make them easy to play with. Since they always have a bunch of parameters to control, dragging with the mouse always seems a bit clumsy.</p>
<p><a title="Slider array by 0olong, on Flickr" href="http://www.flickr.com/photos/0olong/3902037196/"><img class="alignleft" src="http://farm3.static.flickr.com/2656/3902037196_00779e9781_t.jpg" alt="Slider array" /></a>I figured that what&#8217;s really wanted is a bank of sliders  and buttons to play with, each controlling a parameter. That way people can walk up to the controls as if they were approaching the bridge of a starship, and just twiddle them however they feel.<br />
<a title="The Box by Daylight" href="http://www.flickr.com/photos/0olong/3902037202/"><img style="float: right;" title="The Control Box in all its glory" src="http://farm3.static.flickr.com/2431/3902037202_9993ba28d3_t.jpg" alt="The Box by Daylight" width="100" height="67" /></a></p>
<p>Now, with the help of the <a href="http://dorkbot.noodlefactory.co.uk/wiki/DorkbotAlba">Dorkbot Alba</a> team, I finally have the controls I&#8217;ve long dreamed of, in the shape of a box with six sliders, five buttons and two glowing switches. It is a thing of beauty.</p>
<p><a title="PLAY by 0olong, on Flickr" href="http://www.flickr.com/photos/0olong/3901296889/"><img class="alignleft" title="PLAY" src="http://farm3.static.flickr.com/2540/3901296889_d565a54175_t.jpg" alt="PLAY" width="100" height="75" /></a>The obvious next step once you have a good interface for a set of generative animations is to start putting them in public places for people to experiment with, I think.<span id="more-119"></span></p>
<p><a href="http://www.flickr.com/photos/0olong/3901444861/"><img class="alignright" src="http://farm3.static.flickr.com/2435/3901444861_18da173928_t.jpg" alt="" width="67" height="100" /></a>The first such place was the <a href="http://www.theforest.org.uk/category/event-location/hall-upstairs">Forest Hall</a> in Edinburgh, at a night called Dubversion, along with a collection of electrical strangeness from Dorkbot including the &#8216;<a href="http://dorkbot.noodlefactory.co.uk/wiki/WaldFlÃ¶te">WaldflÃ¶te</a>&#8216; MIDI-rigged pipe organ, a Jacob&#8217;s Ladder and the amazing Quadracopter &#8211; as well as some excellent music.</p>
<p>I&#8217;m seeing this as an installation at a science museum, in the classroom or an art gallery. There&#8217;s lots more still to do with it.</p>
<p>I decided to make sure the sliders control much the same things in different animations &#8211; though they each look very different, they are all built out of <a href="http://oolong.co.uk/trig.htm">trigonometric functions</a>, so we can think of them as the product of waves. The most basic properties of a wave are its amplitude (loudness, if we&#8217;re talking about sound); its frequency (the pitch of a sound) and the speed at which it travels. Though they do very different things with them, each of the animations I&#8217;ve rigged up with this can be seen in terms of the two sets of interacting waves, so we have a pair of sliders controlling their amplitudes, a pair for frequency and a pair for wave speed.</p>
<p>As I&#8217;ve written elsewhere, <a href="http://oolong.co.uk/resonata.htm">waves are absolutely fundamental</a> to an enormous range of physical processes, as well as being great fun to animate. The universe is pretty much made out of waves, so wave speed,  frequency and amplitude are three of the most basic and far-reaching concepts in physics.</p>
<p>Applets adapted to work with the control panel:</p>
<ul>
<li><a href="http://oolong.co.uk/shimmia" target="appBox">Shimmia</a> (with added webcam input)</li>
<li><a href="http://oolong.co.uk/zoobie" target="appBox">Zoobie</a></li>
<li><a href="http://oolong.co.uk/rosaly" target="appBox">Rosaly</a></li>
<li><a href="http://oolong.co.uk/yinyo" target="appBox">Yinyo</a></li>
<li>(also <a href="http://oolong.co.uk/trochor.htm" target="appBox">Trochor</a>, finally re-done in Processing &#8211; more on that later &#8211; and <a href="http://oolong.co.uk/dragoria" target="appBox">Dragoria</a>, but that doesn&#8217;t work with compatible controls&#8230;)</li>
</ul>
<p>Credits:</p>
<ul>
<li>Tom Hardiment built the slider-box.</li>
<li>Martin Ling and Al Bennett helped out with the wiring and setting up the Arduino unit.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://oolong.co.uk/play/its-about-control/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

