pineapplerind / bezier-visualizer

A site to visualize manipulable and customizable animated Bezier curves.

pineapplerind.xyz

bezier-visualizer's Issues

Reset curve button

Describe the bug
Reset curve button does not work as expected, clears the whole canvas.

To Reproduce
Steps to reproduce the behavior:

1. Click the reset curve button

Expected behavior
The curve should be reset as it was when the page was first visited.

Desktop (please complete the following information):

• OS: ZorinOS 16
• Browser: Chromium
• Version: 95

Animation replays twice as fast

Describe the bug

Upon replaying when animation is already playing, animation replays twice as fast.

To Reproduce

Steps to reproduce the behavior:

1. Play the animation
2. While the animation is playing, press Restart
3. You'll see the animation play twice as fast

Expected behavior

Animation should replay at normal speed.

Desktop Information

• OS: Ubuntu 20.04 (ZorinOS)
• Browser: Chromium
• Version: 95.0.4638.69

T slider

Design: T slider will be a normal input range slider.
Function: T slider, upon input, will pause the animation and update the visualization to conform to that T value.
Unlike animation speed, the T slider value won't save.

Swipe to toggle controls menu

Element to enhance or fix the design of
Controls menu itself

What's wrong with the current design
On mobile devices it can be hard to tap the close button correctly

Describe the fix or enhancement:
Controls menu should be able to close/open when swiping

Preset name null on empty input

Describe the bug
When renaming preset, setting the name as empty will cause the preset to be named “null”.

To Reproduce
Steps to reproduce the behavior:

1. Open preset editor
2. Rename a preset
3. Don’t type in anything
4. Press “ok”

Expected behavior
There should be an error saying that you can’t have an empty preset name

Built-in changelog

The changelog will be a modal with a sidebar detailing previous versions. The user can scroll down for older versions' changelogs or click their corresponding sidebar item to jump to it.

To open the changelog the user has to press the "What's new" button that currently redirects to the GitHub release page.

Quick actions

Update Nov 26

Basic design finished. Added bug label due to pause button being buggy when animation is finished

Is your feature request related to a problem? Please describe.
Playing/pausing/restarting should be easier; I shouldn't have to open and close the controls on small screens every time I want to play/pause/restart

Describe the solution you'd like
These actions should be available from outside the controls menu but should not be open the same time as the controls (causes clutter)

View checkboxes

Element to enhance or fix the design of
The view checkboxes (show midpoints, show lines etc...)

What's wrong with the current design
Having 5 checkboxes in a row just seems wrong :(

Describe the fix or enhancement:
Have a better system of hiding/showing certain elements of the animation

Class-based code design

Organize the main functionality into classes

This will help greatly with scaling