Facebook in 3D with Processing

UPDATE February 4th 2011
Wow, I did this years ago and people are still asking how it's done. It's extremely simple yet you need to know what you're doing. First, you need to create an App in facebook, get an API and a secret key. When you do that, get to know the developer kit and start playing with it with a couple of PHP scripts. What does this have to do with Processing ? Well, with processing, you can then call loadStrings calling your PHP script that connects to Facebook. Of course you need to set authentification and so on but thats the basics. The php script will return some code that you can then parse in Processing. If you want to load images in your app (only if you created an applet) you need to sign the applet or else the images won't load correctly. I hope this helps someone someday! Now this was done in 2007 when Processing was in beta 125 and FB apps were not so popular. Nowadays, there's an easier way and you can call it directly. Here's tutorial : http://wiki.processing.org/w/Facebook,_REST_API
--------
Here is the Facebook application I did with Processing.
It's only version 0.5 so it's not completely finished yet.

Here's how it works. It loads my friends, my pictures and my groups in a 3D environment. User can navigate through the cloud of information either by using the mouse/keyboard or by using a Joystick Rumble Pad.

Once the friends and the pictures are loaded, lines are drawn to the friends that were tagged in the images. User can also choose to show/hide different parts of the application.

Downloading and installing this desktop application will soon be available on Facebook!

To view an uncompressed version of this video (24 MB), visit:
http://fb.computerarts.ca/export/facebook.htm

Category:

Science & Technology

Tags:

• facebook
• 3d
• processing
• processing.org
• cloud
• information
• interactive
• display
• application
• pictures
• links
• visualization