Bridging Facebook with WebGL

This first demonstration is a start-to-finish example of how you can grab your own Facebook image and texture it onto a flat plane with WebGL. Along the way, we will be confronted by several technical issues and solutions that will also be instructive.

Prepare for lift off

To create a Facebook application, we need our own server to host the application and register it with Facebook. It might be rather obvious, but be sure that you are logged in to Facebook first. Begin with Facebook's developer site at https://developers.facebook.com. Navigate to Apps | Create a New App. We will be asked for an app name or website, in which case I simply used my website address. The Namespace field is optional, but it is recommended ...

Get WebGL HOTSHOT now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.