search

jeremyckahn / farmhand

A resource management game that puts a farm in your hand
https://www.farmhand.life
GNU General Public License v2.0
100 stars 25 forks source link

Add tappable navigation stepper icons for each section #66

Open jeremyckahn opened 3 years ago

jeremyckahn commented 3 years ago

Also give the icons tooltips to indicate what they are.

lstebner commented 3 years ago

i'm going to explore a custom icon solution for this. just noting the 5 sections right now are Home, Shop, Field, Cows, and Workshop. if you have any preferences for an icon to represent each let me know @jeremyckahn otherwise i'll do some explorations

jeremyckahn commented 3 years ago

i'm going to explore a custom icon solution for this. just noting the 5 sections right now are Home, Shop, Field, Cows, and Workshop. if you have any preferences for an icon to represent each let me know @jeremyckahn otherwise i'll do some explorations

Thanks for digging into this! I'm pretty open minded with the art, and I can help out with it as well. As an MVP for this feature, I think using emojis to represent each section would be reasonable. I don't want to stick with that for the long term (it's not visually consistent with the game's art style), but it would be a quick way to test out this feature and see how it feels.

lstebner commented 3 years ago

good idea! i'll put something together using these: 🏠 🛒 🥕 🐮 ⚒

lstebner commented 3 years ago

@jeremyckahn getting them working wasn't too bad, but that sidebar is pretty awkward now. feels like it should be a top left hamburger menu instead, but it also seems like we may want to move away from the sidebar over time. i.e. having buy/sell as tabs when you're in the shop screen, and just offering all the animal supplies when shopping.

quick demo:

https://user-images.githubusercontent.com/628757/121785985-fcec0000-cb71-11eb-8e53-d156ac0f8bb3.mov

lstebner commented 3 years ago

i also pushed the work in progress so you can check it out for yourself if you want to 👉 https://github.com/jeremyckahn/farmhand/pull/112

lstebner commented 3 years ago

one more thing to mention, looks horrible on mobile in that PR right now. completely unusable. but how we solve the hamburger menu issue will affect mobile so i am not going to worry about it quite yet

jeremyckahn commented 3 years ago

Thanks for prototyping this so quickly! This isn't actually quite what I had in mind visually. I also didn't clearly explain what I had in mind, so that's on me. 😅

Here's a rough mockup of what I was thinking:

Screen Shot 2021-06-12 at 6 22 20 PM

I'm not married to this design, but it should work more naturally with what we already have, especially on mobile. If we go with the "row of buttons" design as you have, I agree that we'll need to figure out what to do with the hamburger button (also keeping in mind the "Use alternate position for Bed button" option state in the settings). We'll also have to figure out how all of this would work on mobile (especially considering the placement of the "zoom" buttons on the field when they move to the corners):

localhost_3000_(iPhone 6_7_8)

It seems that something along the lines of what I showed will be easier to implement, but I'm open to your approach so long as we can reasonably handle all of the use cases I mentioned!

lstebner commented 3 years ago

i seeeee! yeah i was out to replace those steppers, but what you're saying actually makes a lot of sense to me. i will rework towards that, thanks for the mockup! this is exactly why quick prototypes are so helpful 😄