HTML5 Version of the Tron:Legacy Boardroom Scene

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.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#7

Post by arscan » Sun, Aug 06, 2017, 2:39 AM UTC

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 https://github.com/arscan/encom-boardroom

I didn'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 (https://github.com/arscan/encom-globe).

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#8

Post by mattnewton » Sun, Aug 06, 2017, 2:39 AM UTC

This is super cool, I love the from aesthetics (if not the movie).

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.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#9

Post by arscan » Sun, Aug 06, 2017, 2:40 AM UTC

raykanani99 wrote: post #3

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

All hand built, including the globe. I split that out into it's own library over at https://github.com/arscan/encom-globe

* edit: I did leverage quite a few great libraries, namely three.js... just none that are charting specific

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#10

Post by edpichler » Sun, Aug 06, 2017, 2:54 AM UTC

Wow, beautiful!