Indie Game Devlog - Making the Main Menu

Поділитися
Вставка
  • Опубліковано 4 гру 2023
  • Devlog video about "Homegrown", a casual farming game I'm creating using my own engine.
    Support the channel on Patreon and get access to the game & code for Homegrown, the city-builder, and Equilinox:
    / thinmatrix
    Play my previous game "Equilinox":
    store.steampowered.com/app/85...
    You can follow the progress of the game on my social media:
    Twitter: / thinmatrix
    Instagram: / thinmatrix
    Facebook: / thinmatrix
    Trello: trello.com/b/W3zkIJTM/farm
    Email: thinmatrix@gmail.com
    Background music by Jamal Green:
    open.spotify.com/artist/50jTM...
    #devlog #Homegrown
  • Ігри

КОМЕНТАРІ • 228

  • @DevDuck
    @DevDuck 5 місяців тому +356

    Great progress! You have a wonderful eye for UI design, everything seems to match the aesthetic of Homegrown very well. Everything you do in this devlog reminds me not to take these pre-made components for granted in the game engine I use! PS - I needed the Rufus update, thank you.

    • @yugam6578
      @yugam6578 5 місяців тому +6

      Hello Godot game developer

    • @pengurrito7136
      @pengurrito7136 5 місяців тому +7

      Hey I watch your vids too! Small world!

    • @danielladwig3845
      @danielladwig3845 5 місяців тому +5

      My two fav game devs 🎉

    • @pichers5528
      @pichers5528 5 місяців тому

      We*** need the Rufus update!!!

  • @Ermuggo
    @Ermuggo 5 місяців тому +13

    You should make the pause menu background to be a view of the garden through a window from within the house. Like the player character would be just idly having a coffee and watching their garden grow

    • @_egi_
      @_egi_ Місяць тому

      Awesome idea! A cup of steaming coffee/tee would take user mmediately to the idle relaxing mood 👍🏻

  • @AuramAlexander
    @AuramAlexander 5 місяців тому +103

    I think from a UX perspective it would be nice to have buttons like Quit or Delete be painted in red or some contrasting color so that it's clear they'll have consequences.
    Also that chili looked delightful

    • @kakschoen
      @kakschoen 5 місяців тому +4

      Also, the play/load button should probably be to the right as it is kind of a 'next' action. I can see myself hastily clicking Delete all the time. I also like double-click to load immediately as an option.

    • @MC4IOSgamer
      @MC4IOSgamer 3 місяці тому

      This does make sense for many uses but is often ignored for video game menus (in my experience). Minecraft for instance uses the simple silvery grey stone color for all buttons. Edit, delete, etc etc

  • @pichers5528
    @pichers5528 5 місяців тому +5

    I never comment on videos, and I never check the comments, but decided to do so this time...
    This comment section just made me realize the entire community around your channel are as wholesome as your videos. Basically every comment is a positive one, and a lot of them are positive feedback, which makes whatching this videos even better, knowing you have a lot of consideration for your community and it's feedback. Just love to see it.
    Keep it up, because every single thing tou add to a game, or every little pause you make in your video script just fits perfectly with everything else

    • @ThinMatrix
      @ThinMatrix  5 місяців тому +3

      Thanks a lot for the nice comment! ^^

  • @corvineberlein
    @corvineberlein 5 місяців тому +60

    Wow, that last design you showed looks really slick!
    One bit of feedback I'd like to throw in is to add a "Master" volume slider as well as mute buttons for each individual sound category. I always like being able to quickly mute music, for example if I wanna listen to Spotify instead. Or quickly mute the game without having to remember what volume level I had it on.

    • @clonkex
      @clonkex 5 місяців тому +4

      Agreed! Sound controls are much more important than many developers realise.

  • @jackdavenport5011
    @jackdavenport5011 5 місяців тому +11

    8:40 can we all appreciate how gorgeous that transition is, these videos are amazing

  • @toffl8243
    @toffl8243 5 місяців тому +32

    Minor issue but I noticed the kerning of the font isn't displayed correctly. This is kind of difficult to explain but kerning is basically an adjustment of the gap between certain letters, for example with "Te" the letters, or rather the rectangular areas each letter is in, have to overlap slightly so the gap doesn't look unnaturally big. This is usually included in fonts and most text editors are able to display kerning. On the "My Farm" button for example the gap between the F and a looks really big. In the mock-up you made in gimp it looks normal because the kerning is displayed correctly. Not a huge issue but I thought I should point it out
    and lastly ofc thanks for another great dev log :)

    • @bluesillybeard
      @bluesillybeard 5 місяців тому +2

      I didn't notice it at first, but now that I look again it's very strange looking.

    • @ThinMatrix
      @ThinMatrix  5 місяців тому +16

      Yeah, I never implemented that into my text rendering system. It's on my to-do list, hopefully I'll get round to it soon!

    • @toffl8243
      @toffl8243 5 місяців тому +2

      ​@@ThinMatrix great to hear! me and the other typography nerds appreciate it

  • @Jejkobbb
    @Jejkobbb 5 місяців тому +48

    I would love to see you do a game jam sometime, your process seems to always be so thought out and planned and meticulous, which of course makes sense when you're doing a big project. But I think it would be interesting to see what you could make if you have the limit of just a weekend to make a game.

    • @ToufouMaster
      @ToufouMaster 5 місяців тому +1

      i fully agree, but just be sure you don't put too much pressure on yourself.

  • @hamzahgamedev
    @hamzahgamedev 5 місяців тому +27

    I stand guilty of procrastination and that's when I know it is time to see Thin Matrix. Since I am myself making an open-world farming game, your devlogs serves as a boost of motivation and inspire me to carry forward. All the best for Home Grown and Tnx for these devlogs man. Keep them coming!

  • @defman21
    @defman21 5 місяців тому +16

    Looks great! For the audio settings tab, I’d recommend to add the “master volume” slider which controls both the effects and the music.

  • @lnhh
    @lnhh 5 місяців тому +1

    And youve also switched to Jetbrains IDEA away from Eclipse. Love it as well :)

  • @lnhh
    @lnhh 5 місяців тому +1

    eyy, you've finally upgraded to a nice mechanical keyboard! love it

  • @Antantic_
    @Antantic_ 5 місяців тому +3

    Wow, you've done a tremendous and high-quality job. I also need to create a menu and UI in my game, but it seems I'm still far from starting to work on that. Wishing you success!

  • @lucbloom
    @lucbloom 5 місяців тому +1

    When working with UI and state animations, it’s helpful to have speed control buttons:
    - minus key = slow down game by 50% each time
    + plus key boosts x2
    Speed up will save you a lot of waiting for UI animations and with slow down you can catch bugs that occur when you click UI really fast (before it’s done animating)
    We have one key, ctrl-minus which halts the game (speed multiplier=0), but keeps the update loops going.

  • @alskidan
    @alskidan 5 місяців тому +1

    I like your UI very much! It has such strong Wii vibes!

  • @danielawesome36
    @danielawesome36 5 місяців тому

    Side note: The view where you're working is *_the dream._*

  • @TheSapling
    @TheSapling 5 місяців тому +1

    Awesome, love this video. Also a tip: playtests show that users prefer 'undo' buttons over confirmation dialogues (and personally, I agree). They're not always possible, but I believe for deleting save files they are (you could have a temporary trash bin under the hood for example).

    • @chickentenderlover2412
      @chickentenderlover2412 5 місяців тому

      i also read this somewhere, users now have a tendency to just continue clicking through because we have become conditioned to do it. having an undo button in more games would honestly be much appreciated.

  • @CausticTitan
    @CausticTitan 5 місяців тому

    I'd like a video, even like a UA-cam short, on what your general workflow is. I see your Trello board in a few shots, it'd be nice to see how you organize your thoughts, plans, bugs, etc.

  • @vazzius
    @vazzius 5 місяців тому +7

    The UI is looking so comfy, congratz! One suggestion on the My Farms is to start with an option selected, maybe the last one played, so you won't need to disable the buttons (as it seems once you select one you can't deselect), that would come in handy if you're going to implement controller support :D

  • @wdudafa6958
    @wdudafa6958 5 місяців тому +1

    Wow, its always interesting and inspiring to see you come up with all your game systems, good work!!!!!

  • @brodierivers9912
    @brodierivers9912 5 місяців тому

    Amazing update as always, thank you for these great dev logs

  • @SecondsGuess
    @SecondsGuess 4 місяці тому

    Outstanding work all around! 👏

  • @codehawkfalcon
    @codehawkfalcon 5 місяців тому +1

    Looking great. Thanks for sharing the video early!

  • @Lynqoid
    @Lynqoid 5 місяців тому

    Looking great so far, good luck! :)

  • @nivmiz0
    @nivmiz0 5 місяців тому +1

    Love both the progress on Homegrown and the video itself! Your visual style really is amazing and the devlogs are super relaxing and nice to watch.

  • @JoelFunk
    @JoelFunk 5 місяців тому

    As always, an incredible video! I love following along and every video is so relaxing. Amazing progress!

  • @IdealIdleIncremental
    @IdealIdleIncremental 5 місяців тому

    Thank you for sharing! It's always interesting to peek what other developers have to show.

  • @Okapifan
    @Okapifan 5 місяців тому +1

    Looks great again! Thanks for sharing again!
    Erina

  • @alylibri
    @alylibri 5 місяців тому

    amazing progress!

  • @sasquatchbgames
    @sasquatchbgames 5 місяців тому +1

    Loving the progress! The UI feels cozy and perfect for Homegrown

  • @TyZo
    @TyZo 5 місяців тому

    Man, everything is really coming together. Can’t wait for final release!

  • @filiprank9870
    @filiprank9870 5 місяців тому +1

    Dude, your room looks amazing!

  • @falcowinkler2429
    @falcowinkler2429 5 місяців тому

    looks stunning!

  • @morgan0
    @morgan0 5 місяців тому

    a suggestion for the farm list, if you take a screen capture when saving, you could display that as the background when selecting that farm, which could help you remember better which is which.
    and for the normal background, you could have multiple images that are reprojected to slowly look around a bit without needing to store a lot of frames or load in a save file.

  • @Draconicrose
    @Draconicrose 5 місяців тому

    It's shaping up really good. I really like the changes you made at the end, with the darker outlines.

  • @Astralklinge
    @Astralklinge 5 місяців тому

    Looks great ! Thanks for sharing the progess!

  • @devbre
    @devbre 5 місяців тому

    Great update to your UI! looks to clean! 🎉

  • @mirandaart3012
    @mirandaart3012 5 місяців тому

    Your meals look delicious! Loved watching the process of making a main menu, I have yet to actually start my game (in the concepting part) and feel I have to get it done in one day as it seems like a "simple" thing to add to a game, but watching you I realized I have to take the time and think of what I want to accomplish with it (never thought of if someone adjusted the window of a game) :o

  • @Skeffles
    @Skeffles 4 місяці тому

    This UI looks fantastic! I particularly like the animations you've added

  • @GameDevAcademy
    @GameDevAcademy 4 місяці тому

    Another great update. Keep them coming :)

  • @ElianeGameDev
    @ElianeGameDev 5 місяців тому

    I absolutely love your designs. It's not easy to be a good programmer and a good artist, and you are both! Your game looks really good.

  • @Narsuaq
    @Narsuaq 5 місяців тому

    I REALLY enjoy watching this series. It's so facinating, satisfying, and beautiful to watch. Can't wait to get my hands on this game.

  • @eboatwright_
    @eboatwright_ 5 місяців тому

    This is awesome! I love the contrast from Equilinox's sleek minimalistic UI

  • @BaileyFM
    @BaileyFM 5 місяців тому

    That responsive UI is really impressive. Well Done!

  • @philldev
    @philldev 5 місяців тому

    The UI ended up looking amazing! Definitely worth the time you spent on it :) I can't even imagine the amount of work it takes to code in all the positions and anchors yourself! Keep up the good work!!

  • @Juampi-lc8qw
    @Juampi-lc8qw 5 місяців тому

    Thanks for sharing all the process with us. Really love the updates. Can you show anytime what you write inside a Trello Card? Would like to see the way you think / organize the project.

  • @zombieslayamr
    @zombieslayamr 5 місяців тому

    Insane progress! Something about Getting around to finally developing the UI is starting to make it feel and look like a more complete game!.
    Looking forward to future videos!!

  • @ryanrachic5150
    @ryanrachic5150 5 місяців тому

    You inspire me to continue to work on my own coding passions!! Its always great to go back and remind myself what is possible. Also make me want to get some plants for my desk lol

  • @kanethedev
    @kanethedev 5 місяців тому

    I really like how he pays attention to the small implications like the button stretching. It's just little things that take so long to implement but TM still does it. Keep it up!

  • @JacobPernell
    @JacobPernell 5 місяців тому

    I love your cooking interludes in the middle of each video haha

  • @NeilRoy
    @NeilRoy 5 місяців тому

    Very nice. I liked your solution to the UI scaling.

  • @mc.friday
    @mc.friday 5 місяців тому

    Fellow indi gamedev up here too. Can confirm that UI and visuals usually take much more time than anticipated. A nice progerss you have done, willing to see where it all would come by.

  • @LifeOfMohammed
    @LifeOfMohammed 5 місяців тому +3

    Looks awesome as always!

  • @stickguy9109
    @stickguy9109 5 місяців тому

    Man the UI turned out great. Looks visually very pleasing if you ask me

  • @PatteKi
    @PatteKi 5 місяців тому

    Really like the "new", flatter, simpler UI-Design on the end of the video. The game logo on the end also looks very nice :D

  • @acirclecow6042
    @acirclecow6042 5 місяців тому

    Very nice. Good work!😊

  • @Jejkobbb
    @Jejkobbb 5 місяців тому +1

    I love these videos so much

  • @paul8731
    @paul8731 5 місяців тому

    Looks great well done ✅

  • @MaxisThe8
    @MaxisThe8 5 місяців тому

    A video on how you use Trello and plan stuff out would be really awesome. Ty for the vids!

  • @hedralotfy5081
    @hedralotfy5081 5 місяців тому

    Great work!
    The UI and the scaling of it are great!
    For the buttons in the "My farms" option, I'd suggest adding a checkbox beside each saved farm so that you can select multiple farms to be deleted, and when you select multiple savings the load button is grayed out.

  • @martinben6970
    @martinben6970 5 місяців тому

    Nice progress and looking good. Really looking forward to final product. (And in this case also for early access which I usually don't do.)
    Only, as a professional QA, I would recommend for "My Farms" section always offer option to get directly back to Main Menu. (Although I understand it is still WIP and first implementation.)
    Love the part where you were thinking about corrupted save files right in the first implementation

  • @dylancope
    @dylancope 5 місяців тому

    "I was able to reuse some code... I'm not sure why it took so long to be honest"
    As a fellow programmer, this is very relatable

  • @ZahhibbDev
    @ZahhibbDev 5 місяців тому

    Looks great, very nice progress and you have a good eye for UI! When it comes to menus I'd also suggest you to make some simple flowcharts of how the navigation and interaction will work between each menu page, mostly to find pain points. :p

  • @gloomxd2204
    @gloomxd2204 5 місяців тому

    im sure plenty people have said this before, but man your pc setup and the view you have during these beautiful months... it's so cozy

  • @adio
    @adio 4 місяці тому

    the ui looks great. keept it up m8 ;)

  • @GuildOfCalamity
    @GuildOfCalamity 5 місяців тому

    Last iteration of the buttons was much nicer!

  • @Mikaminei
    @Mikaminei 4 місяці тому +1

    Great Video! Could you maybe do a new Engine Making Series? That Would be so cool! 😊

  • @Orblets
    @Orblets 5 місяців тому

    Not sure how possible it would be but I think a cool home screen background would be a top down view of the last farm that was played in.
    So when the game is saved the camera like zooms out and snaps a pic of the current state of that save and then that pic can be used for the background of the homescreen

  • @smenigat
    @smenigat 5 місяців тому +10

    5:43 slowly adopting to the german culture I see 🤣
    Love those devlogs, they are not just interesting from an software engineering perspective, you also put quite some work in to make those videos visually appealing. The videos always emit a cozy and warm kind of vibe that makes me come back every time.

  • @mitchellmnr
    @mitchellmnr 5 місяців тому +1

    Something to add .... add photos of the farms in the save view rather than text.
    There was a YT'ber that did a whole discussion on game UIs ... cannot remember who/what it was sorry...
    But one thing he stated and I agree with him... something visual for the saves over just text - since there isn't anything but text to distinguish farms and if you came back to the game after a while, you'd have to go into each one to visually remember
    To add to this, if you have a 'snap' of the farm, you could also set the main menu background as the snap if you are currently playing a farm - so visually you are still in it even thought you at the menu :)

  • @alegian7934
    @alegian7934 5 місяців тому

    "I forgive myself" cracked me up 😂

  • @gaadvis
    @gaadvis 5 місяців тому +6

    If delete function is irreversible, it's advisable to show the user a confirmation "Are you sure that you want to delete this farm?" (Yes/No). Just to make sure that the user doesn't delete their save by accident.

    • @HiAdrian
      @HiAdrian 5 місяців тому

      9:57 he seems to be aware. Also, labeling buttons Delete/Cancel (ideally color-coded) is safer for the brain than Yes/No, even if it seems redundant.

  • @patricknercessian5940
    @patricknercessian5940 5 місяців тому

    This is really great! It would be cool if you saved a (blurred) image of each farm along with its save fole, and display that as the background when you select it in the My Farms page

  • @MeetMistry-ye5yk
    @MeetMistry-ye5yk 5 місяців тому +2

    Hey Man ! The Final shot of the UI looks really Good. A small enhancement you can add is to use icons along with text in buttons . PS: Your cooked food looks delicious ;)

  • @gortilla
    @gortilla 5 місяців тому

    It looks really good

  • @joellehippoYT
    @joellehippoYT 5 місяців тому

    Your cooking looks great!

  • @verdantblast
    @verdantblast 5 місяців тому

    Every time I see your videos, I envy your working environment.

  • @popsters_
    @popsters_ 5 місяців тому

    looking awesome!, if your releasing on steam, it would be interesting to be able to upload saves to the workshop so others can see what you've achieved!

  • @5y1k
    @5y1k 5 місяців тому

    An interesting idea would be to add insects, birds and small mammals from Equilinox to the area outside the farm to add some life to the surroundings...

  • @AnkitSinghKushwah
    @AnkitSinghKushwah 5 місяців тому

    You taught me a lot. Thank you.

  • @jamesbaconreid
    @jamesbaconreid 5 місяців тому

    Looks perfect! Keep it :)

  • @karole5646
    @karole5646 5 місяців тому

    Woah super cool, main menu always is the hardest part for me

  • @dsa267
    @dsa267 5 місяців тому

    Great progress! I think a little zoom-in effect when loading/creating a world would bring more life in the experience :) Of course just one tip for your polishing phase

  • @adrianozuna2149
    @adrianozuna2149 5 місяців тому

    I love your videos man

  • @scrumptious1177
    @scrumptious1177 25 днів тому

    Your dog is so adorable!!!!

  • @uzguruzb
    @uzguruzb 5 місяців тому

    9:01 you could make active last played game, so the buttons become active itself, you're working quite, I wouldn't be able to do so much work just myself, good luck on your hard work 👍👍

  • @MaximSchoemaker
    @MaximSchoemaker 5 місяців тому

    That UI slide though 👌✨

  • @Hades948
    @Hades948 5 місяців тому

    Yay! Looks good!

  • @baunders5241
    @baunders5241 5 місяців тому

    I'm getting FarmVille vibes and im all for it

  • @LacrosseFever18
    @LacrosseFever18 5 місяців тому

    Would you do a video on your project planning and feature specs? I really like the way you have your Trello board layed out but I'm wondering on your thought processes when making it

  • @GamesBySaul
    @GamesBySaul 5 місяців тому

    Great devlog (as always!) The UI seems to be coming along nicely! And that final UI update really sells that, it's a very sleek, cosy and minimalist design which I think suits the game perfectly.
    (Also that meal you cooked looked great, room for one more in the future?😂)

  • @paulvanmetre7832
    @paulvanmetre7832 5 місяців тому

    nice as usual

  • @NikabePlays
    @NikabePlays 5 місяців тому

    beautiful

  • @360McCarthy
    @360McCarthy 5 місяців тому

    Who said Christmas doesn't come early! Have a great Christmas Thin!

  • @isaacbecker9767
    @isaacbecker9767 5 місяців тому +1

    Yeah the game dev is impressive but THAT FOOD 😤🤌 please release a cookbook my guy

  • @kairon156
    @kairon156 5 місяців тому

    It's nice to see proper UI scaling being created.

  • @DFsdf3443d
    @DFsdf3443d 5 місяців тому

    i cant be the only one who is still waiting for the next Socuwan devlog

  • @devilish555
    @devilish555 5 місяців тому

    Regarding the farms menu, according to Microsoft, the more important button should always be on the right side . for example popups with (Cancel) and the (Okay). So I'd put the load button on the right and move delete to the left. as well as maybe reducing it's hierarchy (now it's the same weight as Load) by making the delete button smaller or colored in a different color.

  • @bennyjensen1
    @bennyjensen1 5 місяців тому

    You could have the save list automaticaly select the last savegame. That way it would be easier and faster to continue your last game.
    You could also have the game create a screenshot when you exit/save a game and use that as a background for the selected savegame.

  • @lucbloom
    @lucbloom 5 місяців тому +1

    Tip for UI work: make a multi-window renderer where you can see the UI in more than 1 Aspect Ratio. That way, you can always keep an eye out for misbehaving layouts.
    You can also use one of them for debug info and an in-game cheat menu (quick reload, give $$$, open sceneX). Beats overlays by a long shot.
    Do you use unit tests? Because you can also test UI by making an assortment of screenshots every night and viewing them though html.