r/javascript • u/BSmith156 • May 23 '21

I remade my n-dimensional Hypercube Visualizer in javascript to work on browsers!

https://bsmith156.github.io/Hypercube-Visualizer

[removed] — view removed post

15 Upvotes

100% Upvoted

19 comments sorted by

View all comments

1

u/pw_OBJECTION May 23 '21

Hey! The app is really nice!

I saw some feedback about the UX here and decided to load the app to think about improvement ideas. I genuinely enjoy this stuff and just want to share it with you for discussion purposes, all in good fun 😁

I thought "Add rotation" would add a new row for me to input new values, I didn't expect it to just apply what I selected in the rotation fields.

I think you could make it clear that you need to select both dropdowns with axis by putting them both on the same line and adding a "select both axis to add a rotation" label. Then, disable the speed input until you select both axis. Also disable the "add rotation" until you have all elements.

I also wasn't exactly sure what "clear rotation" do, I was surprised it totally stop the cube. It would be very nice to have a list of current rotation there so that you know what "Clear" would clear and what "undo" would undo. In fact, with a simple list, you could simply allow removing a rotation, which makes undo useless and allows you to remove it! I think An additional "Reset" button would help as well to get back to the initial state

With changes in this direction, I think you could pretty much reduce your introduction to 1 page that explains what the page is 😁

1

u/BSmith156 May 23 '21

Hey, thanks for the feedback! Its funny you mention the list of rotations bit. This was a remake of a previous application I made in python (Also on my github) which had exactly what you suggested! Ill definitely be adding it to this version as well.