wemakedotcoms

The STC Logo re-created using only AS3

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.

The latest revision can be viewed here.

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!

Results of the Quiz

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.

Visit the New World Ready site or Take the  quiz!

Homepage 3D Flash

I have been working with Dave, Art Director at STC, for over 9 years. So by now we more or less share one brain. For the knappogue homepage he showed me a sketch via webcam and I knew what where we were heading. 3D Baby! And what is even better then 3D modeling/rendering? Real time interactive 3D. Now that’s magic. Ever since Flash 5 human beings have been doing 3D flash content, although at times more 3Dish. But with Flash 9 & AS3, faster CPUs and open source APIs like PV3D or Away3D it has become a new avenue for designer/developers like me. For this particular case I used Away3D. Main reasons: clean API, easy to extend and straight forward mouse interactions. The concept is simple: a fold out postcard set. Its all custom built. I had to dig deep inside the API to get it where I needed.

Check out the 3D postcards (after the age verification)

Project details:

• AS3
• Uses Away3D, Tweener and Bulkloader APIs
• external XML data and assets
• Click hot zones (to flip postcards, close them or for more info link) are set in the XM data
• Dynamic reflections
• OOP: extended several classes (like Plane to create a new Postcard3D class). Custom events and event dispatchers.

Special thanks to Rob and the Away3D team.

PS: Can someone (Jorge or Andrew) implement the latest version of the flash… It has a way cooler intro animation, proper preload display and many tweaks…