Greenlight
Greenlight is a Spatial Interfaces
A Greenlight Demo
Why demo this tool?
-
Spatial canvases are everywhere! Lots of explorations of the design space. Seems useful to share the core mechanics of this with others.
-
The basics:
- Pan and zoom
- Drag things around, resize, etc
- Persistent chat
- Shared video/audio
- Presentation mode
- Temporary writing
- There are some basic content types
- Documents
- Pictures
- Notes
- Whiteboard
- Screensharing
- YouTube videos for co-watching
- Or drag and drop to auto-detect the content-type
- And the whole thing is multiplayer
- The ergonomics of the interface are not nearly as nice as Figma
- But that's not where the magic is...
-
The magic:
- Let's start with that browser
- Scroll position is shared across participants
- Whiteboard
- Todo List
- Persistent
- Let's start with that browser
Browser-based OS Environment
Review of Open Source
- rename repo to greenlight from greenlight-core
- Invoking Greenlight
- Why not simply
npm installandnpm start? - This was confusing
- Why not simply
run it by running the local server with
`server.js` and open
localhost:8000/index.html, or
localhost:8000/landing.html
-
"choose the VM1234 file shown in console and set a breakpoint"
- What?
-
Web Page
-
Custom App
- scroll position isn't shared
-
Screenshare - couldn't get it to work
-
"And open
localhost:8000/index.html, orlocalhost:8000/landing.html."
- Very different experiences!
- index.html
- "Undefined" username
- No chat, video/audio section
- landing.html
- Shows a broken link in the audio/video section.
- Has chat, which is nice!
Greenlight
Interactive graph
On this page
Greenlight
A Greenlight Demo
Browser-based OS Environment
Review of Open Source