REDBLIND

Got to talking about HTML5 at work the other day and rich experiences on mobile browsers. On devices such as the iPhone you can’t run Flash (yet). We were thinking of HTML5 as a possible solution and I remembered someone mentioning to me a port of Processing to javascript a while back. It’s called, simply, processing.js. When I first heard about it, I didn’t think much of it. However, after playing with it some, it’s actually pretty cool. Click the image below to launch a simple sketch. Since IE doesn’t support HTML yet, It will only run on Safari, FireFox, and Chrome. Download source here.

Personally, I think the whole Augmented Reality thing is going to get played out real soon (if it hasn’t already). Which is why I’m glad I had the opportunity to build this before the huge wave of AR widgets, apps, and sites hits the masses. This landing page, startwithapencil.com, I built for McCann NY in support of the One Show.

I used FlarToolKit in conjunction with Papervision3D. On top of that, I created the foundation of a FlarToolKit wrapper that introduces stabilization to reduce jitter and access points to retrieve the the orientation of the FlarBaseNode. I also created a new DisplayObject3D class that gave me the ability to render the stream of gold. All of these will get their own blog post in the near future. For now, check out the site and you can check out the new code base in progress in my google code repo.

Looks like my fellow McCannite devs in Belgium beat us too it. If you want to try it out, download the QR code, then hit this page to launch the application. Good job guys.

Finally got around to playing with some Processing. Here is my first go at it. It’s based on the included SpaceJunk OpenGL demo. It was written a little oddly (i thought anyway), so I tweaked it out and changed some of the way the cubes are positioned.

Just messing with Pixel3D in Papervision3D. 2000 particles randomly positioned in a virtual sphere that tween to another random position on the virtual sphere. No sphere primitive used. Just Pixels and Pixel3D.

 Testing out mapping a panoramic image to the inside of a cylinder.

Source available here.

Panoramic image by the amazing artist Mario Doucet at dusso.com.

Got an idea from watching the end credits of Iron Man to create an exploding diagram using papervision3D. This is the result. Pretty simple. Just some MovieClips on transparent planes. Tweening the rotaion and Z properties randomly using TweenLite. Could easily be done in Flash 10 without PV3D.

Words and Thoughts in RGB from Eduardo Morais on Vimeo.

Every interactive developer or designer probably frequents The FWA on a daily or at least a weekly basis. You will only find the best interactive pieces in our industry featured. It’s not only creative inspiration, but also motivation to create something cooler and more bad-ass. As online interactive begins to merge with traditional video and TV, The FWA is moving beyond websites to feature all forms of multimedia advertising with the FWA Theater.

New 3D motion test for my blog splash screen. Using a bit of PV3D and a dash of Tweener. Check it out.

I was inspired by the cubes in the Marriott Hotels “Plug In” commercials.