February’s Landing Page Experiment: Roaming

Monday, February 8th, 2010
Little Cubes Roaming Around...

3D Cubes Roaming in Away3D

Though a bit late, this month’s experiment builds on last month setup and adds a bit of AI. Cubes now roam and avoid each other when near collision. A very basic detection system using a vector and couple of recursive functions. All calculations are made using Away3D’s functions like distanceTo() and movement is handled by moveForward(). The newer post are represented by bigger cubes.

Click here.

It’s a Puzzle! It’s a Maze!

Tuesday, January 19th, 2010
3D render of a maze with hedges

3D render of a maze with hedges

A few 3D renders, mostly exploration around Puzzles, Mazes and Transparency. My favorite, the one with actual vegetation didn’t make the cut :(

January’s Landing Page Experiment

Tuesday, January 19th, 2010
Randomized 3D Layout using Coordy and Away3D

Randomized 3D Layout using Coordy and Away3D

New year, new homepage! My new year’s resolution: Publish a new experiment every month… And update this blog more often!

This month it is using a newly discovered layout API called Coordy. The 3D is rendered using Away3D and tweens are handled via TweenMax. For coloring the cube I draw a random feed from the Kuler API and the blog data is a custom RSS Feed from my Wordpress blog.PureMVC was used to structure the application. Coded in Flash Builder Beta 2 and designed in the Flash IDE.

Update: Added a new component: as3sfxr. This is a Flash 10 library to dynamically generate sounds for classic arcade games. It even included a random function!

Sound Spectrum Rendering

Tuesday, September 15th, 2009
Sound Spectrum Rendered using Awa3DLite

Sound Spectrum Rendered using Awa3DLite

Using Flash I generated animated sound spectrum renderings and edited them into two videos. The second video uses the new Away3DLite framework for Flash player 10. Amazingly the swf came in at 28kb and the framerate is great!

First video:
A 2D rendering using bars, circles, blur filters all rendered to a bitmap.

Second video:
3D renderings using Away3DLite and 484 cubes :)

Flash 3D Interactive video montage

Tuesday, August 18th, 2009
Video of interactive 3D projects

Video of interactive 3D projects

While going through some of the recent interactive 3D work I produced, I thought it would be nice to create a video showcase. I also wanted to explore the workflow for capturing and editing these flash projects in action. Music is by Danger.

Chad’s Eternal Beta Site…

Thursday, August 21st, 2008
Tokyo Starfish likes Chad...

Tokyo Starfish likes Chad...

Happy Birthday Chadster!

Chad and I have been trying to create his site for a looooooong time. I know we will eventually get it done… In the mean time I wanted to post some of the beta tests:

Old Beta: AS2. Neat little slide mechanism for the sections.

Latest Beta: AS3, Away3D…

Stop the Haze

Thursday, March 29th, 2007
Photoshop fun.. Unused :(

Photoshop fun.. Unused :(

As STC expended to Singapore, we were asked by a local non-profit to create elements to support their effort. This included evites, a small site, events support, etc…

For the site we used my slidy navigation script I had developed for my friend Chad’s site.

I also used my simple Z order script to develop animations to play on LCD TVs during various events. Another test using this simple z depth implementation.

Broadstreet Digital platform GUI

Saturday, March 24th, 2007
Detail of the new GUI

Detail of the new GUI

As part of the exploration process for re-branding Broadstreet Digital (BSD), I was tasked with updating the GUI of their platform. As far as I know this was never implemented internally by BSD’s IT team. The key here was to try to respect the original elements to allow for a quick and easy production of the new GUI. I tried to isolate and match the original images and re-skin existing elements as much as possible. I also tried to allow for most of the update to be CSS based.

Arbinet site re-design

Friday, November 24th, 2006
3D renders of one option for a new logo icon

3D renders of one option for a new logo icon

In late 2006 STC was commissioned by Arbinet to re-brand and re-design their site. As part of the exercise, I was asked to design some of the comps that were to be submitted to the client for review. Although these were rejected, I think they are cool enough to make it here…

The STC fontBrowser

Saturday, January 10th, 2004
Flash 6 goodness

Flash 6 goodness

Take Flash 6, TextField.getFontList(), HTML text support, a list component and a textfield: you have the STC fontBrowser. A few thousand users later we have a hit. It helped STC’s site rank higher and generated a buzz around the agency’s interactive production. Pretty nice considering that it was a very simple tool to develop.

Click here to use the original STC fontBrowser.

An updated version of the fontBrowser in AS2 and with a new GUI.

Following the success of the fontBrowser I developed the STC Timetracker an online tool to keep track time spent on tasks. Although a lesser success I still get emails from people using it today.