scottylabs / pausch-ui

🌈 Illuminate Designer: A browser-based tool for designing lighting designs for CMU's Randy Pausch Bridge

Illuminate Designer

Illuminate Designer is a tool to create lighting sequences for the Randy Pausch Bridge. This is the official tool that we used for Illuminate 2021.

Configuration

To setup the environment, run the following command:

cp .env.template .env

This will create an empty .env file. Populate the environment variables accordingly.

Variable	Description
REACT_APP_BACKEND_URL	URL where the backend for uploading designs to the bridge is hosted.
REACT_APP_LOGIN_API	URL where the Login API that handles CMU authentication is hosted
REACT_APP_JWT_SECRET	JWT secret for the Login API
REACT_APP_GALLERY_LINK	URL for the gallery of submitted designs. Used as hyperlink in the navbar

Deployment

After configuring the environment, run

npm install
npm start

pausch-ui's Issues

Different view for editor

Add a way to edit "frame-by-frame" to make it easier to create animations

• have the background as the previous frame, current editor draws over that

Highlight row being previewed

• highlight the row in the editor that is being shown in the preview

Line tool leaves green boxes

• Line tool currently leaves behind green boxes that don't disappear

Improve copy/paste

• selection tool currently doesn't highlight the area selected when dragging
• add the ability to deselect cells
• automatically copy when using the selection tool

Real-time collaboration

• Ability to create rooms with different people in groups
• Synchronize grid size over entire event

Add gallery page

Gallery inside the application, Like the images (m-h). (Jason)
Social media type thing in gallery (to like things) (m)
Import from gallery easily (e-m)

More options when importing image

• add confirmation to import image
• add the ability to crop and preview image

Issue with iPads

• issue with tapping and dragging

Jitter in preview playback

• Preview does not progress at a constant speed, constantly pauses

More descriptions for first-time users

• Add labels/pop-ups to make purposes of different features on the site more clear, ability to disable
• Make it clear what the preview is for

Error when saving empty canvas

Submit audio alongside canvas

• add ability to link a song to be played alongside the light design

Default color is white but appears black

• doesn't match with eyedropper tool

Undo/redo feature

• ability to undo and redo changes
• Keybindings with Ctrl + Z and Ctrl + Y