Open Redforce04 opened 2 years ago
Here is what is needed to add this:
Long time, no see, but I am finally starting to put this feature together. I have a personal unmerged branch of this idea that functionally is starting to work.
Keep in mind that:
Despite that, I think any idea can be a good idea, with enough effort and community participation.
Here is the rough idea:
@BotiKis @un0btanium what are your thoughts on this? I want to expand this cheatsheet to have more features and stand out.
I figure that y'all would be better at implementing the css and styling then me, but I gave an effort to make it semi-clean.
To Do:
my changes are in my master branch found here: https://github.com/Redforce04/phasmophobia-cheatsheet
I just re-pushed it with the latest commits, so it won't give errors about being behind the master branch.
Working concept right now:
All I have left is getting cross-site data persistence, similar to the main evidence. Also minor clean up to styling and minor js optimizations.
I have updated it so it is now persistent. I am gonna double check that my repo works properly after a fresh pull & build, then I will pr.
Tested and PR #23 made
Hey, very cool. Good job 👍 Btw, I am no (good) frontend developer either. These projects were also just playgrounds for me to get more familiar with it.
Small and quick UX improvement I noticed: Add a pointer cursor when hovering over a dropdown menu.
In terms of general UX improvements/design:
I think avoiding dropdown menus would be the way to go. I am thinking about aligning the photos themselves in columns instead of rows (as in rotating the whole thing by 90 degrees), and then showing all options for the photo in a vertical list (each row one photo type). This way the user does not have to painstakingly open each dropdown menu and can instead directly click on the photo types. However, this might be tricky to get right on mobile.
And if you want to be really fancy: Is 10 photos the max amount? Or could it be more? What if we do this more dynamic: Initially it is just one (or three) dropdown menus presented and once those all have something selected another one is added automatically, allowing for infinite photos. Assuming the photo numbers itself is not important ingame/for the calculation. Like a specific (e.g. first) photo gives more money if it is a fingerprint (which imo would be silly but I dont play the game so Idk :D). If each photo is implemented as its own React component, then this should be easy to setup. This could also be combined with the improvement above. Whenever a new photo is filled the entire screen can simply show the next photo. A small back and forth button at the top to make changes, the total is always shown and the clear all button allows to reset everything anytime.
Since Phasmophobia now allows you to select/deselect evidence, I feel like adding extra features would help bring back use. I had an idea for a feature request that would add a page for photos rewards that would:
Here is the wiki page for photo rewards for reference.
Note: I personally haven't worked with react, but I do have experience with asp.net, js, and bootstrap. Thoughts?