Microscopix | CreativeJS

Microscopix was the winning demo entry at the TRSAC 2012 demo party held in Arhus, Denmark at the end of October 2012. Created by the recently re-formed group Litewerx  it’s a lovely combination of WebGL powered visuals smoothly synced to an ambient soundtrack. The scenes flow from what look like DNA strands, to blood cells to beautifully lit organisms, all supporting the ‘microscopic’ name. It’s short but well sequenced and relaxing to watch.

The demo launcher allows you to configure how you watch it, but it still needs a relatively decent spec machine to run. And as is usual for demos you really need to use Chrome or Firefox for performance.

Generative Machines by Michael Chang (@mflux) / #threejs #javascript #webgl

A few months ago Michael Chang at Google Creative Labs was asked to make some visuals for Google IO, building on from thee procedural circuit-board diagrams he did in the past. After spending few weeks experimenting with a ton of different things, in both THREE.JS and Processing, he gravitated towards one concept – the idea of a procedural exploding view diagram.

Tyne ‹ ~Flow

Tyne is a visualisation of data from 5 sensor values recorded by ~Flow, a tidemill floating building on the River Tyne that generates its own power using a tidal waterwheel. ~Flow was initiated by Owl Project and Ed Carter in collaboration with Modular. This data, which also drives beautifully built, wooden instruments and sound generators located on board of ~Flow is publicly available on Cosm.

Each recording of the data captures the levels of oxygen, acidity, nitrates and salinity values in the water as well as the turning speed of the waterwheel. This set of values provides the basis for a flow simulation which generates a unique image per measurement.

Particles are continuously moving from right to left, being attracted or repelled by four circular zones representing the sensor values. The overall behavior of the particles is influenced by the turning speed of the waterwheel. If the value of one sensor is above its mean value, particles are repelled. If the value is below the mean, particles are attracted towards the center of the zone.

This mechanism creates slight turbulences in the stream which in turn produce a single image based on the drawn paths of the particles.

Top