All Projects → arscan → Encom Boardroom

arscan / Encom Boardroom

📈 Web tribute to the Tron: Legacy Boardroom Scene

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to Encom Boardroom

Jeelizfacefilter
Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
Stars: ✭ 2,042 (-2.48%)
Mutual labels:  webgl, threejs
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-92.74%)
Mutual labels:  webgl, threejs
Antipasto
🍽 Juicy starter for three.js
Stars: ✭ 147 (-92.98%)
Mutual labels:  webgl, threejs
Ego
A lightweight decision making library for game AI.
Stars: ✭ 145 (-93.08%)
Mutual labels:  webgl, threejs
Expo Voxel
🎮🌳 Voxel Terrain made in React Native. ∛
Stars: ✭ 169 (-91.93%)
Mutual labels:  webgl, threejs
Ng Three Template
This is a basic template project to start with Angular 11.x and ThreeJS
Stars: ✭ 144 (-93.12%)
Mutual labels:  webgl, threejs
Interactivelandscape
An exploration of an animated interactive landscape built with three.js.
Stars: ✭ 150 (-92.84%)
Mutual labels:  webgl, threejs
React Globe.gl
React component for Globe Data Visualization using ThreeJS/WebGL
Stars: ✭ 139 (-93.36%)
Mutual labels:  webgl, threejs
Threejs Path Flow
🐬🐟 ↶Mesh Deformation / Bending / Following on a Curve
Stars: ✭ 165 (-92.12%)
Mutual labels:  webgl, threejs
Stickyimageeffect
A sticky image effect for a slideshow inspired by ultanoir's website.
Stars: ✭ 158 (-92.45%)
Mutual labels:  webgl, threejs
Patches
Patches is a visual programming editor for building WebVR and WebGL experiences.
Stars: ✭ 164 (-92.17%)
Mutual labels:  webgl, threejs
Threejs Sandbox
Set of experiments and extensions to THREE.js.
Stars: ✭ 163 (-92.22%)
Mutual labels:  webgl, threejs
3d Force Graph
3D force-directed graph component using ThreeJS/WebGL
Stars: ✭ 2,386 (+13.94%)
Mutual labels:  webgl, threejs
Andromeda
This is a WebGL recreation of the popular music video Gorillaz - Andromeda.
Stars: ✭ 145 (-93.08%)
Mutual labels:  webgl, threejs
Interactive Repulsive Effect
🍫 An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".
Stars: ✭ 141 (-93.27%)
Mutual labels:  webgl, threejs
Geo Three
Tile based geographic world map visualization library for threejs
Stars: ✭ 146 (-93.03%)
Mutual labels:  webgl, threejs
Sketch
Explorations on cross-hatching, engraving, and similar non-photorealistic rendering.
Stars: ✭ 136 (-93.51%)
Mutual labels:  webgl, threejs
R3f Next Starter
Repo is moving to https://github.com/pmndrs/react-three-next
Stars: ✭ 137 (-93.46%)
Mutual labels:  webgl, threejs
Texture Compressor
CLI tool for texture compression using ASTC, ETC, PVRTC and S3TC in a KTX container.
Stars: ✭ 156 (-92.55%)
Mutual labels:  webgl, threejs
React Globe
Create beautiful and interactive React + ThreeJS globe visualizations with ease.
Stars: ✭ 167 (-92.02%)
Mutual labels:  webgl, threejs

Encom Boardroom

An HTML5 recreation of the Boardroom Scene in Disney's Tron: Legacy. It currently displays realtime data from GitHub and Wikipedia to make it a bit more fun. View it in action at https://www.robscanlon.com/encom-boardroom/ .

Boardroom light table

Boardroom screen

While I attempted to stay true to the film, it simply wasn't practical to recreate every element that is portrayed in the scene. The graphics displayed in the film contain a remarkable amount of detail despite only being visible for a couple of seconds. I am in awe of those that put it together.

My focus was on the globe and I made it available as a standalone library for those interested. The other elements are only loose adaptations of the film version. This project is not associated with GitHub, Wikipedia, Tron: Legacy, or Disney. It is just a tribute.

Usage

The web application can be launched simply by serving up ./index.html. If you would like the full application, including the feeds from Wikipedia and GitHub, install and run the node application as follows:

npm install
PORT=8000 node stream-server.js

Then point your browser at http://localhost:8000.

The code isn't particularly well organized right now to quickly add in new feeds, but it certainly is possible. I did split out the globe into its own standalone library that can be easily reused though.

Notable Dependencies

Feed Info

GitHub: Data is being streamed in realtime from GitHub's public timeline feed. Location information is retrieved from the user's GitHub profile and is mapped using geonames.org. Historic 2013 data was retrieved from the GitHub Archive. User pictures are from Gravatar and are throttled to under one per second to conserve bandwidth.

Wikipedia: Data is being streamed in realtime from Wikipedia's public IRC feed. Location information is only available from anonymous users in the form of IP addresses, and is mapped to real locations using freegeoip.net.

License

The MIT License (MIT) Copyright (c) 2014-2017 Robert Scanlon

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].