TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

HTML5 Version of the Tron:Legacy Boardroom Scene

701 pointsby PleaseHelpMealmost 8 years ago

27 comments

arscanalmost 8 years ago
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>).
评论 #14939506 未加载
评论 #14940995 未加载
评论 #14940826 未加载
评论 #14940172 未加载
评论 #14947309 未加载
评论 #14940701 未加载
评论 #14941876 未加载
评论 #14940854 未加载
thatchercalmost 8 years ago
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
评论 #14939707 未加载
评论 #14939733 未加载
kangalmost 8 years ago
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>
评论 #15032875 未加载
DannyDaemonicalmost 8 years ago
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.
评论 #14939993 未加载
thinkpad20almost 8 years ago
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.
Splinesalmost 8 years ago
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>
emilioolivaresalmost 8 years ago
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>)
评论 #14939935 未加载
raykanani99almost 8 years ago
Holy cow. Did you use a charting framework for the stream feed? How did you get such a pretty globe?
评论 #14939374 未加载
nautilus12almost 8 years ago
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
collinmandersonalmost 8 years ago
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.
评论 #14942175 未加载
hughwalmost 8 years ago
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.
评论 #14944545 未加载
pmattosalmost 8 years ago
Very cool stuff... even `ls` works in the shell ;)
Animatsalmost 8 years ago
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>
mattnewtonalmost 8 years ago
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.
metmacalmost 8 years ago
So cool to see this revived. I remember stumbling upon it awhile back.
cjsukalmost 8 years ago
You got in :)
jarymalmost 8 years ago
Really damn impressive!
fizixeralmost 8 years ago
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)
评论 #14941665 未加载
luordalmost 8 years ago
Man, fantastic.<p>I should probably get into doing something like this in my free time instead of browsing reddit or tvtropes.
baalimagoalmost 8 years ago
I&#x27;ve not even seen tron since im too young... but all i can say is that i&#x27;m mighty impressed
评论 #14941618 未加载
Shinchyalmost 8 years ago
This is fantastic, really fun to use and would make a cool portfolio website.
th0ma5almost 8 years ago
They used Processing some I think in the movie which now has a WebGL version.
bluescreenofwinalmost 8 years ago
Man this brings me back.. Thank you for creating this!
samgranierialmost 8 years ago
Holy shit! This is amazing. Great job
edpichleralmost 8 years ago
Wow, beautiful!
cdevsalmost 8 years ago
I love this.
Kenjialmost 8 years ago
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.