Procedurally Generating Icons for my Farming Game
HTML-код
- Опубликовано: 4 май 2024
- Devlog video about "Homegrown", a casual farming game I'm creating using my own engine.
Setting up an icon generation system this week, to procedurally generate tool icons that can be upgraded using the upgrade system!
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...
Equipment (Amazon Affiliate Links):
Camera: amzn.to/491ayFZ
Desk Microphone: amzn.to/48Hs5mP
Camera Mic: amzn.to/48ZcRcE
Mouse: amzn.to/3Sn0v8J
#devlog #Homegrown - Игры
I'm lokey kind of jealous of your workspace dude. It's so peaceful looking with all the greenery, both inside as well as outside. My dad always says "green is good for a human, grey makes you irritable." Too bad my place is surrounded by concrete and bricks 😂
Yeeees it's so beautiful!!
Static grass diorama tutorial ❤
100% - Also the concept is called Biophilia! Super interesting stuff!
get some plastic plants to brighten up your space :)
So true, would be my dream! Even the outside, I live in germany and for me I have one ugly tree infront of my window
In case you are struggling to get enough handle models:
-> The handle could start with no handle at all i.e., only the end of the stick,
-> next could be a knob and
-> then finally the t-shaped handle which you currently use right from the start.
also maybe one of the later models has finger shaped bumps and cutouts to make it look like it fits in your hand better
Another idea would be to change the appearance just every second upgrade, so saving half of models needed :)
@@aleteia reply from someone who is actually working in a creative field ahah. But i like the idea of having a whole-powerful system of upgrades. He can add special rare upgrades randomly or at the end, to make the tool unique. And he can add constructions/machines that may use his tools, which again would motivate players to create and upgrade them as a separate mechanic. But these are just ideas.
Love these new icons. They fit the style of the game perfectly and the designs are very fun. Really adds a lot of life to the whole system.
Thanks!
A very easy way to indicate scale changes would be to have some sort of fixed size object with the item for contrast. For example you could have the watering can sitting on a a very simple patch of grass with a blade or two just around the base, or some stones, or a tool laying next to it. I'm sure you get the picture! I'd probably only use that object in the upgrade/shop screens and not for every icon on the tool belt otherwise it'd start looking very cluttered.
i like this idea, i support it
could also make some fake in world tool brands, which have some sticker of their logo on it, which doesn’t get bigger with the bigger objects
Nice idea!
I'd keep speed being a colour change consistent across the tools so players can easily see "oh light blue (tool) is 2x speed". Feel like it's just a cleaner user experience. I understand it doesn't work for every tool part but speed being colour would keep it somewhat consistent
Hi ThinMatrix how is your health now.. hope you are doing well.... Love your videos... It's so peaceful and calm
All good thanks!
@@ThinMatrix Glad to hear that 😊
I've done a similar thing on positioning objects in the camera frame, and I think this way is simpler: (1) get the true rectangular bounding box as you already have (2) expand the bounding box so it's a square, basically depending if it's a tall bounding box, add abs(H-W)/2 to horizontal bounds or to vertical bounds (3) this square bounding box can be directly mapped into NDC coordinates (from -1 to 1), you can even go with simple orthographic projection unless you really need the perspective for your icons
Ah that sounds like a good solution, thanks!
Some ideas:
Start with a water bucket. Just a bucket XD. And first upgrade will add a spout.
With the size, you might want to sacrifice "perfect framing" only for "upgrade menu". An icon in the inventory can still be a perfect frame, but in Upgrade menu you start with a tiny tool!
Great work, as always! Thank you for inspiration c:
Your tools change too much visually for each upgrade. Unless there's a reason to parse the exact level at a glance, you can do smaller incremental changes to the model and it's fine. Keep dramatic mesh changes for significant milestone upgrades. I think that will be a much more comfortable system for everyone
I disagree. The way he made is way more creative and fun.
And not basic and generic.
the sprinkler is absolutely awesome. Kinda hilarious but genius aswell.
Very ingenious. I am maybe afraid that the higher level icons may give a different vibe to the game with their more rpg/gamery look. Maye only one every 3 upgrades changes the model and the two following upgrades change the color : crooked handle : brown, grey, white > straight handle : brown, grey, white.
Just an idea.
Yeah, I was thinking about that as well, and that would be possible in the current system. I also also want to spend longer designing the models - now that I've had a few trials I think I could do better. Maybe with smaller increments between model stages I could get to tier 10 without it looking too crazy.
I think only 5 upgrade icons would be better. A 1/10 upgrade to a stat doesn't feel like it should be an insane model changing upgrade. It would also make each model change feel more impactful
On that note, I think it would be cool if the icons could slightly increase in size, making fully upgraded ones look beefier :)
@@ThinMatrix Nice ! Also just want to say I am a big fan of your videos. They helped me a lot through the pandemic and I have been following your channel ever since.
They could also start as 'broken' like you have with the spade. with minimal less broken each upgrade. Or adding a gem that changes color.. Very nice update
It's always great when "overengineering" a system pays off. These icons look perfect, good job!
very nice! A good idea for your selling effect. When the coins float to the top left corner to add to your balance, make the balance add up portions of what you sold while the animation is playing. So it looks like the individual coins matter. Example:
You have 2000 in ur balance.
You sell products worth 1000.
The animation for the coins take 3 seconds.
1000 / (3 sec * 2) = 152 coins
This means you update ur balance every 0,5 seconds with 152 coins while the animation is playing.
it would be really cool if you made a video about the process of designing a system. for example, how you brainstorm ideas, relate it to the current state of the game, etc... great video as always!
The procedural generation had me really excited and then when i saw how you did it and the positioning of the icons, i was just giddy. Love the progress and the look of the game!
I love the way these generated icons look :)
Regarding the issue of conveying the size of the watering can, when they get normalized: Could you try scaling the outline relative to the size reduction you performed in the normalization step? So small items (blueberries) would have a bigger outline, making them "feel" smaller than a spade. (Tbh, probably this specific idea would look stupid, but maybe some other shading effect relative to the normalization could work)
Thanks for the suggestion! For items with a simple icon like the blueberries I can actually just make them smaller. I have a custom scale that I can apply to the model after the normalization, so I can make chosen icons appear smaller. That only works on a per-item basis though, so it doesn't work with individual model stages of the same item (like the watering can) which is the main issue.
Gotta say I was impressed with the bounding box camera view bit. Nice approach.
I didn't notice you switching to Intellij. You were always the last warrior to use Eclipse for me😀
Intellij is such an awesome IDE. Way worth switching to nowadays.
Love the icons! So clever how you have them generated. Cannot wait to see what kind of cool tool modefications you will come up with. 😊
This video made me really nostalgic of the time I used to watch your old OpenGL + Java tutorials, ha… good times
I’ve come a long way since then
I think this has been one of my favourite updates! Procedural generation is such interesting technology and I think the way you use it is great!
This looks so cute! I can't wait to play it.
By the way, as a feature suggestion, maybe people just walking in the market area would bring life to the game and it wouldn't look so static. In the farm I get that it's just you and it's the chill place, but in the town where the shops are, you would expect to see other people.
Thanks you! And yes, I definitely want to add people to the town soon :)
Lol I kinda love how ridiculous the upgrades look visually - it's fun. Liek the watering can just going off the rails just I think would make it satisfying to upgrade.
As I am making my own farming game, ur series has inspired me so much. I learned a lot from you. Thanks🙏
A great video. I enjoyed learning about your workflow idea to generate these new icons. The game is looking really lovely now, great job sir!
Your work is very inspiring! Please keep sharing the progress, I'm sure it'll will help alot of people.
Fantastic to see the icons. It's so cool how you're able to generate them like that.
That icon system is genuinely awesome!! Love it! 🤩
I love this series so much. You were the first dev I watched and now I make games :D thanks dude!
That was amazing!
Loved the way you used procedural generation, seeing this makes me want to jump into game dev as well.
Dude I love this... you can check, I don't even comment that often, but those upgrade procedural generations were top-grade!
Thank you!
Love the progress on the procedural icons! I was wondering how you were going to make all the parts fit together nicely after each upgrade, I’m glad you explained that. Keep up the good work, the game is looking better and better each devlog!
I really loved this episode, as someone who mostly ended up being a software tools programmer, this is fantastic to watch your process! I really liked how you solved the position/size issue! Looking forward to the next one!
I always look forward to these devlogs! Something about your workflow is just so chill and organised in a way that mine probably never will be. Keep it up :)
Throughout the video I was thinking "but have you considered X?" a couple of times and every time I was relieved to find out a couple moments later: yes, you did. I like how well thought through this system turned out to be!
I get envious seeing you being able to change rendering style, press one button, and get updated icons. Such a cool and impressive system!
UI revamp looking amaziiiiing! great job 👏
Another nice video. Thanks for sharing ThinMatrix!
Great idea, i was intending to make some upgradable in my game but got scared of make hand craft combinations, your video gave a good inspiration.
Those icons looks amazing, it's really surprising how much it does for how polished/ready the game looks
Another great video by ThinMatrix, keep up the great work!
Very nice. I love the new UI and Icons..
i admire your workflow. so disciplined.
Youre saving my day with this video right now.
wow, loved the way u solve these problems, keep growing , keep uploading
This is coming along insanely well! Congrats!
Thank you!
That night to day transition was flawless
Very nice! Very peaceful vibes as always. 🌱
Wow this guy is going all in, most people would just download an icon pack and be done with it, but he procedurally generates his own 👍
And he's not using a game engine. So even bigger props to him
Great devlog! This and the UI updates have made the game feel a lot more polished. Excited to see what comes next!
Thanks!
you are a straight up inspiration to those of us who are lowley part time hobbyist devs, always wait for your vids with anticipation - great job!
The icons are awesome, great work! Thanks for sharing. :)
The icons look great!!
wow you've come a long way, awesome work. these icons look great. and the post processing too! :)
Thank you!
That was so cool! I'm impressed by your capacity to design such complex systems and to explain it so well to us :)
Thank you :)
"Diggy bit" is my new favorite for spade :D love the content, both digital and irl planting!
This is an awesome feature, I'd be interested in seeing where else you may find an opportunity to use procedural generation in the game! Keep it up can't wait to play 😊
Awesome work!
Looking great!
Amazing work 💚
I'm addicted to your Devlogs please don't stop 😁🙌
Love your work !
16:02 Me: "I'm totally not compensating for anything."
The procedural icon system is absolutely brilliant!!
I love the watering can upgrades
Loving this game keep up the good work
I love how crazy the watering can gets after a few upgrades 😂
Also I'm very impressed by your icon generator it looks great!
Your videos are always delightful but this was next level- really fun looking project and great to get that little glimpse into the technical challenges behind it. And congrats on your night to day transition in the vid- you nailed that one!
I like how he's actually showing development footage. Other devlogs I watch only show the result for what they built without much of the process.
Honestly, I could see that little icon generation program being something useful to release on its own. Really nice stuff!
This game would be an awesome mobile game. The mobile space needs more high quality games like this one. Please consider releasing it on mobile!
the upgrade system is so neat
Spelling Colors as Colours is crazy to me LOL. Can't wait for this to come out!
this is awesome!
This is the evry video that got me into Java game development, thank you for getting me into it :D
Great work as always! For the watering can upgrades, why not make the watering can shorter to begin with, so half height and then get taller and wider as you upgrade(ie more capacity). Would give you more "room" haha to play with. Also what about borrowing the curved handle idea from your spades in the watering cans, so you get curved spouts as well.
Ohhh yes! I was waiting for this!
This was probably already available for patrons, right? I don't check it that often 😅
Not this time - I just finished editing it a few minutes ago :P It's only when I finish the video before the planned upload date that I share it early with the patreon supporters.
the transition at 3:30 was so satisfying
Make the icons spin when selecting/viewing its stats, I think this would make it pop a bit 😄
This reminds me so much of the monkey icons / models in Bloons TD 6, which also change when upgraded!
This is great! You don't need to change the icon after every upgrade click. Doing so might lead to a constant need for new designs, potentially diminishing the impact of upgrades. However, having occasional model changes occurring with every few "upgrade bars" could also keep the player intrigued, wondering if any visual changes will appear with the next click or later, while still providing the sense of progression you mentioned.
Good job!
Having the lowest tier items be a "joke" would be fun (e.g. the lvl0 spade is just a spoon)
Upgrade 4: bulge
Upgrade 5: slightly more shaded bulge
Upgrade 6: 2 bulges.
Don’t sweat the minimal change. It’s the effect we’re after! Visual impressiveness is a bonus!
Ask old Facebook games what lengths we go through to get a pixel in gfx change.
Nice transitions!
It's looking so lovely! 🥕
Hey! I don't know if you'll read this as it's already 2 weeks since it was published but I'm really interested in this game and this series, hoping you will keep it up (of course no pressure)! I have an idea that may work as it may not: for the shop instead of using the icon keep the 3d model of the tools and let the player rotate horizontally to make it feel more real, the icon are still in the hotbar so the (amazing!) work you already done will not be lost
Very cool idea.
I love your office! Could you make a video on how you care for all those plants / what kind they are? (And the desk! What a great desk. I want one!)
Really nice update and great work! Coming up with 10 different upgrade graphics is really hard and as you mentioned - at some point it starts looking a bit off. Maybe consider the following: during the first X upgrades you get to see a physical upgrade, just like you showed in the video. However, after X number of upgrades the item doesn't change anymore physically but you add a "basic" --> "magic" --> "rare" --> "unique" --> "epic" type of upgrades? Obviously you don't have to use these names, it can be a star system where just like with army ranks every upgrade promotes the item. This way you don't have to come up with unrealistic physical designs and the player still gets to experience an upgrade rush.
What a good video!
Love the whole series, your approach,…
I am just a bit not sure about the look and feel of the upgrade as if the whole game goes into that more and more fancier look it would meant that in the more advance game you will only have strange and fantasy tools, colors,… and there is a huge risk the game will feel less cosy/warm/natural than the actual look of the game that have that super peaceful vibe.
I would prefer to stay with more natural colors and nature friendly look for those upgrade and I am already super happy to have more subtle visual changes but that stay in this cosy farm look you manage to keep :)
Again, I love your work and I can’t wait to play this game to take a deep breath after some stressful days at work !
I totally agree! I don't really want them to get too fantasy looking and that was mainly because I was just trying to quickly come up with some examples for the video. I've been working on more models for the other tools today and I'm getting better at making each upgrade a small subtle change, so that the higher tiers don't look too crazy while still looking more impressive than the lower tiers.
@@ThinMatrix Awesome ! :D
As an art director myself I really really love the art you develop on this project so I can't be happier to read that :)
Thanks for the answer and have a nice day !
You should do a Upgrade type "Reach" for the shovel, which increases the length of the shovel for further reach
I hope that you keep the crooked stick upgrade as an inside joke for us dev log watchers!
Amazing work as always :)
I just want to mention that the icons are generated programmatically, and not procedurally (procedural generation usually involves randomness, and it seems like everything is predetermined). But I love the approach, and you're definitely saving yourself a massive amount of time in the long run !
When you're upgrading your tools, it would be good if the "stats" icons e.g. capacity, area, speed etc ALSO upgraded, since there's only a few of those stats you could make little images with the capacity growing or the area icon getting more filled in etc. Little things like that are nice
I can imagine the frustration a decompiler or someone trying to find the asset for the in-game icons in a future release, just to find out they're all custom rendered hah
Hey! I'm making a farming game myself and Im developing a season and terrain feature for it. The changing weather conditions of the seasons create difficulty and dynamics in the game, where the player will have to create strategies and adapt. The terrain on the farm impacts the growth of plants, and there are terrains compatible with some plants that make them grow faster, and so on.
Maybe a system similar to this will bring interesting things to your game
is there a reason why you decided to make 3D models instead of 2D sprites straight away? I'm a little behind and don't remember if the 3D models of these items are used anywhere. Anyway really cool stuff. Love the environment you work in. It looks extremely peaceful
Firstly it's because I have no 2D art skills, and the only way I know how to make icons is to take a picture of a 3D model that I've made ;) But secondly I think it makes it easier to combine the model parts for the tools - you can have them intersecting in ways that would be harder to achieve by just overlapping 2D sprites.
Should try out a sketch effect for the items in a store, like they are in a catalogue or something. Bunning Warehouse like advert, all just newspaper drawings :3
bro we need more food prep, tbh it was the main reason i subbed to ur channel 😂