next*

As an engineer for Yahoo!'s Media Innovation Group, I'm lucky to get to use the latest tools available to develop engaging and interactive ActionScript applications. So, I'm surprised that a lot of people still think Flash is best used for screensavers and banner ads. For last month's Yahoo! Hack Day, I decided to show off some of the impressive capabilities of the latest Adobe Flash Player and ActionScript 3 by building a visually interesting new way to browse Yahoo! News top stories. In a surprisingly short amount of time, I was able to mash up two existing Yahoo! services, and then represent the information in a virtual environment I call the NewsGlobe.

The NewsGlobe consists of three basic pieces: a Yahoo! News Top Stories RSS feed, a geo-encoding web service from Yahoo! Maps, and a free, open-source library of 3D classes for ActionScript 3 called Papervision3D. The application loads the Y! News RSS feed every few minutes and extracts the dateline for each story. It sends this descriptive textual information off to the Yahoo! Maps service to find a matching location, and return latitude and longitude coordinates for it. The rest is simply a matter of using the 3D classes in ActionScript to create a visually engaging experience that's either automated or interactive.

Papervision3D makes it incredibly easy to create a 3D scene, add 3D objects to it, and specify where the camera (i.e., the user's viewpoint) should be located. For each story location where we are able to discern a lat-long coordinate, we draw a marker object and place it in the proper position on a sphere representing the Earth. The display is calculated and drawn in real time. This allows us to animate the view over time and even lets the user change the view by interacting with the objects in the scene.

Since the final product itself is a SWF (Shockwave Flash) file, NewsGlobe can live online as a web application or be embedded off-network as a scaled-down customizable badge. It could also be integrated into a Yahoo! Widget or packaged as an Adobe AIR application to run locally on the desktop. By passing in different RSS feeds or search terms, it could be possible to watch stories occurring in a specific part of the world, from a particular category, or matching other keywords.

In all, NewsGlobe was a fun project to test a simple idea and see if I could achieve the desired result within a short amount of time with relatively little difficulty. Is it perfect? No. Could we add a lot of additional features to make it something more useful and accurate? Absolutely. However, I would certainly consider this a successful proof of concept and viable prototype for similar future interactive 3D visualizations.

If you want to learn more about the individual pieces used to create the NewsGlobe, follow the links below:

Yahoo! News - Top Stories RSS

Papervision3D

Popularity: 33% [?]