blog.omine.net

Context Free

July 6th, 2008

Finally managed to experiment with Context Free, a software that uses context-free grammar to generate images. Substitution rules define a grammar — it’s very simple but also very powerful; appropriate to explore the concepts of recursion and randomness.

More Context-Free images at Flickr

Fun with Canvas and Javascript

July 3rd, 2008

Caffeine Viewer is a proof-of-concept experiment we made at colmeia connecting our coffee machine to the internet using Arduino and Processing.

Using our office’s coffee consumption data (available through a public API), we made a few data visualizations — mine was made with Canvas and Javascript (with a little help from my favourite JS framework, Mootools).

One of the coolest things about Canvas is its ability to draw cubic bezier curves (Actionscript can only draw quadratic curves natively). To convert the logo outline from Adobe Illustrator to a collection of points in Javascript code I used SVG as transport format.

Every 100 milliseconds the screen is updated — each point of the logo is displaced by a random amount of noise that is proportional to the amount of coffee consumed during the selected period of time. Check its source code.


Caffeine Viewer – Jitter

Moscow Olympics: Second Trace

June 22nd, 2008


Moscow Olympics: Second Trace from eduardo omine on Vimeo.

This is my first music video; made with Processing + Ess library.

The song is Second Trace by Filipino band Moscow Olympics, from their recently released debut album Cut The World. Although the band’s musical references are clear (post-punk, shoegaze), their music has that ineffable quality that makes it stand out.

Pointillism

June 8th, 2008

I’ve been posting some images I produced with Processing to my Flickr account. The latest batch is a series of pointillist pictures.

Animated Voronoi 2

May 25th, 2008


View HD video at Vimeo.

It seems that computing a Voronoi diagram with mathematical accuracy for a real-time animation is not really feasible. I found this Processing hack that takes advantage of graphic acceleration to draw an approximate Voronoi diagram. It works by drawing 3D cones at the points of interest of the diagram and rendering a top view — the regions are drawn automatically as the Voronoi edges sit on the intersections between the cones.

Using this hack, it is possible to make a real-time Voronoi diagram animation, albeit with a limited number of points and a restricted applet area. This video was rendered with 364 particles (= sum of powers of 3 from 0 to 5).

Next → ← Previous