# 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 ## Browser-based OS Environment  ## Review of Open Source - rename repo to greenlight from greenlight-core - **Invoking Greenlight** - Why not simply `npm install` and `npm start`? - This was confusing ``` 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`, or `localhost: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!