Live data from Hacker News

HTML5 Version of the Tron:Legacy Boardroom Scene

robscanlon.com

21–30 of 74 posts

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#21

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. ( https://github.com/arscan/encom-globe/blob/master/build/enco... )

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.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#23
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.

A good designer, paid to do so, could create very cool and useful UIs, I am sure.

Ultimately, it will depend on your own definition of "cool" and "useful" as to how well any one UI suits those labels.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#25
post #21

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. ( https://github.com/arscan/encom-globe/blob/master/build/enco... )

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 weekend even though I regard myself as highly competent at both software engineering and programming. Then it turns out I had simply misunderstood the meaning of "weekend project".

Oh and also, very nice project, kudos.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#26
post #21

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. ( https://github.com/arscan/encom-globe/blob/master/build/enco... )

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.

[deleted]

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#27
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.

Exactly. These fictional UIs are designed for a single end - to look good on camera. I think there is an inverse correlation between "cool" and "useful" - the "cool" often distracts from the "useful". While this kind of UI could work for something trivial like a simple calculator or alarm clock, in my experience it does not work for serious applications. As works of art however, these things are a beauty to look at - http://sciencefictioninterfaces.tumblr.com/

I had this idea first back when I saw Star Trek The Next Generation and its slick flat computer panels, called "okudagrams" after their designer, Michael Okuda - https://en.wikipedia.org/wiki/LCARS. I tried to reproduce the look in a note-taking application. It didn't work. The UI was dominated by these large colored buttons and arches, with too much contrast against the black background, leaving too little room for the actual content.

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#28
post #24

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.

I would love that, this is UI art.

i would pay for this - as a HUD for company stats

Re: HTML5 Version of the Tron:Legacy Boardroom Scene

#30
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…

You’re not alone. Took two years (until now) for me.
Post reply on HN