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!
After sitting in limbo for a while TATA Communications and STC Associates finally launched the updated New World Ready site. Due to launch in October 2009 and subject to a very aggressive timeline for completion, I decided to use the GAIA Framework to build the site. On top of SEO optimization and Deep Linking, GAIA handles dynamic assets loading (like XML Data, Images, etc…) flawlessly. A real time life-saver.
Developed for the earlier version of the site, I had to update the 3D quiz to run in the flash site. I also developed a simple but custom video player. Coded in Flex and designed in the Flash IDE.
Latest iteration of my 3D carousel. Built for re-use, since this is a popular format these days. It uses Away3D, an extensive XML config and external XML data. Constructed using PureMVC, it makes extensive use of the ExternalInterface to interact with the site (and Google Analytics).
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.
While in the South West of France I took a series of shots of my friend Claude Merlet to illustrate the process of restoring an antique armoire. I took these and created a small video to showcase his work.
This project is (so far) the most complex implementation using Away3D I had to develop. It is used to display the visual portfolio of STC Associates on the new site.
The application includes an extensive configuration and all the data for galleries via external XML files.
It includes re-creating the logo in code at run-time. Using AS3DMod, I was able to dynamically deform the cube to match STC’s logo. Adding a Perlin noise over time creates a nice wave animation that brings the whole thing to life. The logo becomes the gateway to the various projects and the central interactive element.
I made extensive use of Away3D’s Object3DContainer to create a smooth animated carousel to display the projects. Including a flip to show galleries.
I am not too happy with the way the final integration was done, you can view the live version on the STC site here. Some of the sections are empty while others have too many items. I think I also gave too much control in the configuration XML!
As part of a global brand awareness campaign, I was tasked with developing a flash quiz for TATA Communications. To spice things up we agreed to use Away3D to render the questions and results and make this a richer and more entertaining experience. I also added Javascript interfaces to integrate with Google Analytics and back-end answers collection.
Originally part of an interactive flash piece for the Managed Hosting Service micro-site, I was asked to create 4 animations to illustrate various concepts around the service. I extended a 2D mock-up, created by Dave Huffman at STC, using server racks of various sizes to show scale. From there I created the 3 other visual renderings.
You can view both original mock-ups and final renderings in the video below.