HTML5 Version of the Tron:Legacy Boardroom Scene

Glad to see some people are getting a kick out of this. I built it a few years back while learning webgl, css3, node.js, redis, and modern (at the time) js tooling. Source over at <a href="https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;encom-boardroom" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;encom-boardroom</a><p>I didn&#x27;t build this with any real practical application in mind at the time. But some people have reused components in their own projects over the years, particularly the globe (<a href="https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;encom-globe" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;encom-globe</a>).

Are there any efforts to make movie-type window styles for real use? The Tron:Legacy style would be a fun one to have, as well as the one used in the computers in Westworld (similar light-blue-on-black)[1] and Interstellar [2]. I&#x27;m sure it&#x27;s a more difficult process than I&#x27;m imagining, but it would be really cool to be able to use the window and interface themes of the computers in your favorite show or movie, especially since some have such great designs.<p>[1] - <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=Ikup60uEg0c" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=Ikup60uEg0c</a> [2] - <a href="https:&#x2F;&#x2F;youtu.be&#x2F;bmz9lMP6aQU?t=2m4s" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;bmz9lMP6aQU?t=2m4s</a>, visible for a brief second just after 2m4s

Reminded me of top unixporn post <a href="https:&#x2F;&#x2F;www.reddit.com&#x2F;r&#x2F;unixporn&#x2F;comments&#x2F;2sz5xo&#x2F;bspwmofxoc_i_love_sci_fi_movie_interfaces_so_i&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.reddit.com&#x2F;r&#x2F;unixporn&#x2F;comments&#x2F;2sz5xo&#x2F;bspwmofxoc...</a>

This is beautiful. There needs to be a plugin api for this so we can make our own using charts using the built in command line and associated widgets.

The term &quot;mad skills&quot; comes to mind. I would love to see a breakdown of some of the techniques he used to construct this.

Subreddit of movie-fake-UI: <a href="https:&#x2F;&#x2F;www.reddit.com&#x2F;r&#x2F;FUI&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.reddit.com&#x2F;r&#x2F;FUI&#x2F;</a>

What, the .js file for the globe itself is 43 thousand lines of code. Was this a weekend project? How do you find the time? Very well done my friend. (<a href="https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;encom-globe&#x2F;blob&#x2F;master&#x2F;build&#x2F;encom-globe.js" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;arscan&#x2F;encom-globe&#x2F;blob&#x2F;master&#x2F;build&#x2F;enco...</a>)

Holy cow. Did you use a charting framework for the stream feed? How did you get such a pretty globe?

If only we could get a version of this to render in the terminal so we could hack our workstations to actually look like this. I use tmux pretty heavily. Id love it if panes looked like this

Fun to see Event Source show up here. I feel like WebSockets are all the craze, but Event Source seems to be a really simple alternative that uses only HTTP.

My admiration is unbound. I have one reservation -- I wish it would handle history correctly. I wish each click e.g. github produced a new URL I could email to a friend so they could view the same scene. And then I wish I could hit &quot;back&quot; to recover the landing page. None of this diminishes how beautiful this is, and I&#x27;m sure it just wasn&#x27;t part of what you were trying to explore.

Very cool stuff... even `ls` works in the shell ;)

Check out Harvard&#x27;s economic globe.[1] This looks like the globe from this demo, but it&#x27;s a real interactive tool.<p>[1] <a href="http:&#x2F;&#x2F;globe.cid.harvard.edu&#x2F;?mode=gridSphere&amp;id=PH" rel="nofollow">http:&#x2F;&#x2F;globe.cid.harvard.edu&#x2F;?mode=gridSphere&amp;id=PH</a>

This is super cool, I love the from aesthetics (if not the movie).<p>How do you make you or tapping not zoom again? Is there a HTML meta tag or something? It would improve the usability of the keyboard on mobile.

So cool to see this revived. I remember stumbling upon it awhile back.

You got in :)

Really damn impressive!

You could add a video stream from a live online news channel on the top right? (on my side the top right was pretty much empty)

Man, fantastic.<p>I should probably get into doing something like this in my free time instead of browsing reddit or tvtropes.

I&#x27;ve not even seen tron since im too young... but all i can say is that i&#x27;m mighty impressed

This is fantastic, really fun to use and would make a cool portfolio website.

They used Processing some I think in the movie which now has a WebGL version.

Man this brings me back.. Thank you for creating this!

Holy shit! This is amazing. Great job

Wow, beautiful!

I love this.

The funny thing is that it loads faster and has higher fps than many websites that display simple blogposts and a couple of images, but pull in literally megabytes of JavaScript and other bloat.<p>People, learn from this. Seriously. The web doesn&#x27;t have to be slow if you put effort into it.