Yowzer! Venetian Snares video by David O'Reilly.


Venetian Snares – Szamar Madar from David OReilly on Vimeo.

Check out this nutty video for ‘Szamar Madar’ by Venetian Snares. Gotta love the BSOD half-way through. It’s by genius Irish animator David O’Reilly. He also recently created this iPhone Hologram video which caused much debate as to it’s realness.

More 3D Ribbons

ribbons!

If you follow this blog you’ll know I’ve been obsessed with 3D ribbons for a while now. I ported my AS ribbon code to Processing and I’m very happy with how it turned out. It’s refreshing to not have to worry about frame rates, since processing’s 3D performance is so good

Here’s the processing sketch and source code. You will need a fast machine with OpenGL support to run the sketch – basically don’t blame me if it crashes your browser ;).

[UPDATE – it seems OpenGL sketches don’t like to run off the web. I uploaded a P3D version here that should be more compatible. Since it’s not using additive blending you get a strange pink color instead of the nice glowy white…]


Untitled from felixturner on Vimeo.

It would be nice to get some realtime glow/blur in here to smooth things out a bit. I think this library may do the trick but it could take me a while to figure it out.

New Site – Angeleno

Angeleno

I just finished up a new site for the Los Angeles lifestyle magazine ‘Angeleno’, working with talented guys at Faction7. I did the Flash front-end for the Features and Scene sections.

The idea was to create a ‘HTML style’ site with simple navigation and a focus on the content. This gives a familiar + intuitive user experience while still allowing some nice Flash flourishes. To allow deep linking and back button support we used SWFAddress. SWFaddress has the benefit of working with Google Analytics, to provide per-page tracking. One issue I found with SWFAddress is that it seems to give a noticeable lag when navigating between pages on Vista/IE7.

The features section includes a full-screen option which really shows off the large format photography. The scene section also includes a user-submitted commenting system which is quite cool (registration required). All content is completely dynamic, powered by a custom PHP CMS. The Flash XML content is written into the HTML pages, to allow for SEO.

One snag we hit was integrating DoubleClick ads. Since DoubleClick still does not support AS3 (!), we had to do some CSS/JS hacking to overlay ads in a HTML div. Hopefully DoubleClick will get this working soon.

Angeleno

A dynamic photo gallery site for a Los Angeles lifestyle magazine. Features user comments, browser navigation and SEO support.

New MySpace Video Player

I was recently brought into MySpace to consult on rebuilding their Video Player. The previous version was a bit long in the tooth and was proving difficult to update, so it was decided to re-code from scratch in AS3. I worked on the interaction design and prototyping as well as building out the new AS3 framework.

The new player features flash full-screen mode, a related videos menu, skinning support, ad support, localization support, HD video support, plus the usual sharing features. Kudos to the MySpaceTV team for knocking out a quality product in a short time-frame.

The Dark Knight in HD

Messing with P5Sunflow

Cube Explosion

Ray tracing is the CG rendering technique used in Pixar movies and most other broadcast quality CG. Basically it bounces millions of virtual photons around the scene to simulate how objects reflect light and cast shadows on each other. This produces super realistic images at the cost of being very computationally expensive.

P5Sunflow is a Processing version of the SunFlow open source Java ray tracing implementation created by Mark Chadwick.

P5Sunflow produces images with creamy shadows and a solid sculptural feel that are quite different to anything you can achieve with most real-time 3D engines. Unfortunately rendering times are really slow. The videos below are overnight renders. I’d be interested to find out if there is some kind of ‘fake’ ray tracing that produces similar results quicker.

Click through to see the HD and downloadable QuickTime versions. These work well looped in QT.


Cube Wall from felixturner on Vimeo.


Sunflow Phase Towers from felixturner on Vimeo.

You can download the Processing sketch for the cube wall animation here. To use it you need to install the P5Sunflow library as described here. To run P5Sunflow you need to use the version of Processing that comes without Java, since it requires Java v1.5 and Processing comes with Java1.4.