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



<H2>Screenshots</H2>
[![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/)


  [1]: https://i.sstatic.net/gi14U.png
  [2]: https://i.sstatic.net/wOL7W.png
  [3]: https://i.sstatic.net/d2giG.png
  [4]: https://i.sstatic.net/khlER.png

<H2>About</H2>
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](http://blog.stackoverflow.com/2011/12/stack-exchange-api-v2-0-public-beta/).

<H2>Live Demo</H2>
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).

<H2>Embed</H2>
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>

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

[Three.js](https://github.com/mrdoob/three.js/) is used for the rendering. [Threex.js](https://github.com/jeromeetienne/threex) is used for the mouse / interactivity helpers.
Rendering of the "HUD" question-detail are handled by [StackTack](http://stackapps.com/questions/518/stacktack-a-javascript-widget-you-can-stick-anywhere).

License: MIT.

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