Live data from Hacker News

HTML5 Version of the Tron:Legacy Boardroom Scene

robscanlon.com

61–70 of 74 posts

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#61
post #21

Earlier quoted context omitted.

I used browserify to bundle in Three.js and all the other dependencies. Yes, it's an embarrassingly large JS package. There are probably better ways of doing this, but being a weekend project I decided that it wasn't worth my time to investigate ;-) If you look at the commits, I just tried to push a few lines of code every day (nights, weekends) over the course of a couple of months. It adds up.

I am quite stupid, I always thought that when people on HN talked about their weekend projects they meant something that they'd made in a single weekend. Only now upon reading your comment do I realize that it means something one is working on over any number of weekends. I've been on HN for about 7 years :/ All this time I've been wondering why it takes me weeks of weekends to complete what others do in a single wee…

[deleted]

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#62
post #52
post #47

Earlier quoted context omitted.

I work in the control room for an electrical generation system an this isn't the case at all for us. Each desk has 12 ~30 inch monitors, and each monitor has a similar degree of information density, from monitors of system frequency, voltages, power flows etc. around the network, also financial / market information. There's a mix of diagrams, tabular data, maps, plots. Two of the monitors are devoted to a geographic…

I don't know anything about control room but I'm generally interested in building information-dense dashboards. Was your electronic music example supposed to show a good example of a display that is developed-based-on-user-feedback?

You'd be interested in "Information-Dashboard-Design-At-Glance" https://www.amazon.com/Information-Dashboard-Design-At-Glanc...

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#63
post #47

Earlier quoted context omitted.

I work in the control room for an electrical generation system an this isn't the case at all for us. Each desk has 12 ~30 inch monitors, and each monitor has a similar degree of information density, from monitors of system frequency, voltages, power flows etc. around the network, also financial / market information. There's a mix of diagrams, tabular data, maps, plots. Two of the monitors are devoted to a geographic…

I work in this industry and there are a lot of bad UI choices all around. The picture of the California board looks like a good example and uncluttered. They have the budget out there to do that. It doesn't have to be this way. There are standards for high performance HMI design where nothing is colored in unless it is an alarm condition. I usually have to end up designing things the "bad way" because of customer exp…

CAISO's big board is reasonably uncluttered. PJM's has too much small stuff. [1] But everybody probably uses mostly the screens at their own position.

One can get carried away. Here's the control room for Moscow United's power control room. This is just for the Moscow area, not a regional grid control room like the others.[2] This is the as-built version. The original plan [3] looked like a set for a Bond movie, including a suspended oval glass conference room overlooking the big board. That was from Russia's oligarch era.

[1] https://www.elliottlewis.com/app/css/images/pjm-control-room... [2] https://www.dezeen.com/2009/08/03/electricity-distribution-c... [3] http://www.experience-it-all.com/2009/08/moscow%E2%80%99s-el...

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#65
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 "back" to recover the landing page. None of this diminishes how beautiful this is, and I'm sure it just wasn't part of what you were trying to explore.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#66
post #65

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 "back" to recover the landing page. None of this diminishes how beautiful this is, and I'm sure it just wasn't part of what you were trying to explore.

Thanks for the feedback! I'll definitely add that if I take the time to add more features.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#69
post #17

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'm sure it's a more difficult process than I'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, especi…

The main problem with this kind of UI is information overload (which is the desired effect in movies, since the viewer isn't actually supposed to "use" nor understand all of the info displayed). There's no way to make this usable unless you lower the amount of info displayed, but then it will loose its "cool" factor.

To be honest that looks like your typical sysadmins interface. A tiling window manager and/or few tmux sessions and you quickly end up with the same level of information density.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#70
post #7

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/…

Very cool. I've been thinking of a way to capture this aesthetic on the web. I love what you've done, but I don't know if it works in a browser as well as I envisioned. Great code, I will reference the globe in future projects. Thanks
Post reply on HN