Skip to main content
3 of 6
Make images into links and added heading.

Stack Tunnel - WebGL Visualization for Stack Exchange

[Stack Tunnel](http://crashthatch.com/stacktunnel/)

Screenshots

[![Stack Tunnel][1]](http://crashthatch.com/stacktunnel/) [![enter image description here][2]](http://crashthatch.com/stacktunnel/) [![Question Details][3]](http://crashthatch.com/stacktunnel/) [![enter image description here][4]](http://crashthatch.com/stacktunnel/)

About

StackTunnel is a WebGL visualization which displays the latest questions from any Stack Exchange site interactively within your web browser. You can click on the questions to see the full question & answers. If you have a WebGL enabled browser (tested in latest Chrome and Firefox), visit the links below to see it in action.

Stack Tunnel was built in under a week mainly to give me a chance to experiment with WebGL and the new Stack Exchange 2.0 API. It was finished off in somewhat of a hurry to meet the deadline for the competition.

Live Demo

Stack Overflow: http://crashthatch.com/stacktunnel/

ServerFault: http://crashthatch.com/stacktunnel/#serverfault

Gaming: http://crashthatch.com/stacktunnel/#gaming

etc. (Add any api_site_parameter to the #item at the end of the URL to load questions from that site).

Embed

Because it's rendered by the browser, you can include it in your website/blog/etc in an iframe.
<iframe src="http://crashthatch.com/stacktunnel/"></iframe>

Code

The code is purely JavaScript, with no server side code at all. Feel free to inspect / view / modify / use / comment.

Three.js is used for the rendering. Threex.js is used for the mouse / interactivity helpers. Rendering of the "HUD" question-detail are handled by StackTack.

License: MIT.

Contact

[@ThomasFletcher](https://twitter.com/thomasfletcher) on Twitter or [Crashthatch](http://stackoverflow.com/users/528263/crashthatch) on Stack Overflow.