jakeko / deck Goto Github PK

• Swap two adjacent slides
• Swap two non-adjacent slides

• Set anchors, vertices, etc. on mouseup when making graphics
• Set anchors, vertices, etc. on mouseup when mutating graphics

As a user, I would like to upload images to my presentation to improve the clarity of the information I am trying to convey.

As a user, I want graphics to intuitively snap to other graphics and slide positions so I can more easily position graphics.

As a user, I want the application to properly model graphics.

As a user I want graphics to highlight their anchors so I can easily observe the properties of the graphic.

As a user, I would like it to be easier to upload a presentation for editing so I can more readily resume my previous work.

• Fix broken greetings action

As a user, I want to add images, videos, charts, and other "advanced" slide elements so I can convey more information in my presentations.

As a user, I would like bounding boxes to be static cardinal rectangles around the graphics so I can more easily line up various graphics.

As a user, I want the style editor to be easy to use so I can effectively edit the styles of various graphics.

RELEVANT PROBLEMS
For rectangles and ellipses, I expect the tool to reset to "select" after creating the shape. Instead, it remains on the shape creation tool.

SOLUTION DESCRIPTION
When a rectangle or ellipse is created, reset the tool to "select".

BUG DESCRIPTION
The Apply button in the style sidebar does not change the style of the selected item.

BUG REPRODUCTION
The steps to reproduce the behavior are:

1. Go to Deck
2. Create a rectangle
3. Edit the fill color
4. Click Apply. Nothing should happen.

EXPECTED BEHAVIOR
When Apply is clicked, the style in the sidebar is applied to the selected object.

ENVIRONMENT

• OS: Windows
• Browser Edge
• Version unknown, fully updated

As a user, I would like to reorder slides in an intuitive manner so I can finely control the sequence of my presentations.

• Render rotator graphic when bounding box is displayed
• Make rotator graphic positioning zoom-insensitive

• Maker documentation

RELEVANT PROBLEMS
I do not know when I have something selected - the sidebar appears and disappears, but it is not clear what I have selected.

SOLUTION DESCRIPTION
Add a light grey bounding box around the item I have selected. Later, anchors can be attached to this for easy resizing.

POTENTIAL ALTERNATIVES
Highlighting the object, or giving it a name in the sidebar, or something like that. The bounding box is probably best, though.

As a user, I would like to resize images, with or without maintaining aspect ratio so I can conveniently and appropriately place and arrange images

As a user, I want the application to store a list of points I can snap to.

• SlideRenderer documentation

As a user, I want the convenience of hotkeys, intuitive controls, and a beautiful interface so I can work on my presentations efficiently.

• Create a module for rendering rectangular graphic helpers (vertices, outline, and rotator)
• Implement module in all mutators

RELEVANT PROBLEMS
I have no idea what anything does and nothing tells me.

SOLUTION DESCRIPTION
Hovering over a button should cause a tooltip to pop up with the name of the tool the button switches to.

POTENTIAL ALTERNATIVES
Add labels to each button.

• Implement methodology for getting a bounding box from bezier curve
• Implement methodology for rotating about center of bounding box

• Create new rectangular graphic mutation module
• Implement mutation module across all present mutators

• Implement custom rotator icon for rotator graphic

• Tools documentation

RELEVANT PROBLEMS
When drawing an ellipse, holding shift forces it to be a circle. This change only applies on a resize of the ellipse. That is, create ellipse -> hold shift (no change) -> move mouse (restriction applied).

SOLUTION DESCRIPTION
Pressing shift should immediately constrain the shape to be a circle.

As a user, I want graphics to be able to snap along multiple vectors so I can position graphics in corners or between multiple objects.

As a user, I want to add animation to my slide elements so I can make presentations that are enjoyable to watch, intuitive to understand, and relatable to my audience.

As a user, I want my work on my presentation to persist so I can work on the presentation at my convenience.

As a user, I want a highlighted line to appear when a graphic is snapped to a point or line so I can better position graphics and ensure they are snapping to the correct position.

RELEVANT PROBLEMS
The icons on the toolbar and in the slide tray are mildly distracting because they are sufficiently subtle.

SOLUTION DESCRIPTION
Darken the grey used slightly.

POTENTIAL ALTERNATIVES
Add a tone of a color to the grey so that it contrasts with the background grey more. Ideally a blue (since that will darken under Flux / red light filters, and therefore will still amplify the contrast even at night).

RELEVANT PROBLEMS
I am unable to return to a default zoom level, or rapidly zoom in or out.

SOLUTION DESCRIPTION
The zoom in/out buttons should bring up a vertical slider that allows me to control my zoom level. There should be a button to return to the default zoom (or maximize the size of the slide while still leaving a small gutter).

POTENTIAL ALTERNATIVES
Single zoom button. Clicking it returns to the default zoom. Click and drag up zooms in, while click and drag down zooms out.

As a user, I want to upload or link videos in my presentation so I can improve the clarity of the information I am trying to convey.

As a user, I want to use certain keybinds like Shift and Alt to move graphics so I can move graphics with finer control.

• Preview updater stops while reordering slides
• Preview updater restarts after reordering slides

As a user, I would like the bounding box and the graphic to move properly after rotation.

As a user, I want to interact with and edit graphics in my slide deck so I can create a well-organized, well-designed presentation.

• Investigate Netlify API
• Incorporate relevant Github checks and actions to leverage Netlify

• Enable rotating bounding box and propagating changes to vertices, box, and rotator

RELEVANT PROBLEMS
Was unable to copy an object.

SOLUTION DESCRIPTION
Add copy and paste, either to the context menu, as buttons in the tools menu, or as key bindings to crtl-c and ctrl-v.

• Render empty slot where target slide will be placed
• Render slot under cursor while target slide is being reordered

• Theming documentation

• Mutator documentation

• Implement pointer tool methods to intelligently set and unset cursor
• Consider implications of implementing hitboxes

• Create pipe to resolve snap vectors from graphics
• Create pipe to resolve snappable points from graphics

As a user, I would like each shape to record points that can be snapped to snap points so I can better position graphics.