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.
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!
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
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 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.
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.
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.
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…
3D renders of one option for a new logo icon
Homepage v1: a more dynamic layout
Homepage v1 second keyframe of the main flash animation
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.
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.