Procedurally Generating Icons for my Farming Game
Рет қаралды 137,284
2 ай бұрын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
@marcruijs1039 2 ай бұрын
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 😂
@dirklangohr 2 ай бұрын
Yeeees it's so beautiful!!
@nobocks 2 ай бұрын
Static grass diorama tutorial ❤
@evanchilson9829 2 ай бұрын
100% - Also the concept is called Biophilia! Super interesting stuff!
@milanrdesign 2 ай бұрын
get some plastic plants to brighten up your space :)
@semydev 2 ай бұрын
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
@Kaikaku 2 ай бұрын
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.
@morgan0 2 ай бұрын
also maybe one of the later models has finger shaped bumps and cutouts to make it look like it fits in your hand better
@aletei 2 ай бұрын
Another idea would be to change the appearance just every second upgrade, so saving half of models needed :)
@liliyaversus4051 2 ай бұрын
@@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.
@himselfe 2 ай бұрын
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.
@LukasOwen 2 ай бұрын
i like this idea, i support it
@morgan0 2 ай бұрын
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
@ThinMatrix 2 ай бұрын
Nice idea!
@SZvenM 2 ай бұрын
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.
@ThinMatrix 2 ай бұрын
Thanks!
@callumcowden1511 2 ай бұрын
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
@Pallerim 2 ай бұрын
It's always great when "overengineering" a system pays off. These icons look perfect, good job!
@roz1 2 ай бұрын
Hi ThinMatrix how is your health now.. hope you are doing well.... Love your videos... It's so peaceful and calm
@ThinMatrix 2 ай бұрын
All good thanks!
@roz1 2 ай бұрын
@@ThinMatrix Glad to hear that 😊
@lancer197 2 ай бұрын
the sprinkler is absolutely awesome. Kinda hilarious but genius aswell.
@4AneR 2 ай бұрын
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
@ThinMatrix 2 ай бұрын
Ah that sounds like a good solution, thanks!
@liliyaversus4051 2 ай бұрын
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:
@charlvanniekerk8009 2 ай бұрын
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!
@jugowater9546 2 ай бұрын
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!
@hjagu1323 29 күн бұрын
The icons look awesome! I love how every upgrade feels like a big change to the item
@NitramiuZ 2 ай бұрын
I get envious seeing you being able to change rendering style, press one button, and get updated icons. Such a cool and impressive system!
@pfannkuchengesicht42 2 ай бұрын
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!
@OrionDomeric 2 ай бұрын
Gotta say I was impressed with the bounding box camera view bit. Nice approach.
@jonas2560 2 ай бұрын
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.
@ThinMatrix 2 ай бұрын
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.
@themrpancake 2 ай бұрын
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
@OptimechX 2 ай бұрын
On that note, I think it would be cool if the icons could slightly increase in size, making fully upgraded ones look beefier :)
@jonas2560 2 ай бұрын
@@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.
@thiccbaron 2 ай бұрын
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
@codehawkfalcon 2 ай бұрын
That night to day transition was flawless
@warmightydevlog 2 ай бұрын
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.
@ElianeGameDev 2 ай бұрын
That was so cool! I'm impressed by your capacity to design such complex systems and to explain it so well to us :)
@ThinMatrix 2 ай бұрын
Thank you :)
@cool.guy. 2 ай бұрын
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
@Joern290 2 ай бұрын
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. 😊
@ooRobertoo 2 ай бұрын
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.
@IndieMarkus 2 ай бұрын
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)
@ThinMatrix 2 ай бұрын
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.
@goodtimeswerehad 2 ай бұрын
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!
@hamzahgamedev 2 ай бұрын
As I am making my own farming game, ur series has inspired me so much. I learned a lot from you. Thanks🙏
@GamesBySaul 2 ай бұрын
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!
@MaXx0r_ 2 ай бұрын
Your work is very inspiring! Please keep sharing the progress, I'm sure it'll will help alot of people.
@paulturner7988 2 ай бұрын
That icon system is genuinely awesome!! Love it! 🤩
@benpope10 2 ай бұрын
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!
@hensou 2 ай бұрын
That was amazing! Loved the way you used procedural generation, seeing this makes me want to jump into game dev as well.
@rungeon83 2 ай бұрын
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!
@interested3791 2 ай бұрын
Dude I love this... you can check, I don't even comment that often, but those upgrade procedural generations were top-grade!
@ThinMatrix 2 ай бұрын
Thank you!
@qexat 2 ай бұрын
the upgrade system is so neat
@Daywalkr 2 ай бұрын
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.
@pterafier 2 ай бұрын
I love this series so much. You were the first dev I watched and now I make games :D thanks dude!
@progress_games 2 ай бұрын
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 :)
@VirtuallyRetro 2 ай бұрын
Very nice. I love the new UI and Icons..
@leocrabe2253 2 ай бұрын
I love the watering can upgrades
@gower1973 2 ай бұрын
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 👍
@Oeuvre-Bramon 2 ай бұрын
And he's not using a game engine. So even bigger props to him
@Datdus92 2 ай бұрын
The icons look great!!
@GamerMickey87 2 ай бұрын
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.
@ThinMatrix 2 ай бұрын
Thanks you! And yes, I definitely want to add people to the town soon :)
@MrOmega-cz9yo 2 ай бұрын
Another nice video. Thanks for sharing ThinMatrix!
@drewdt3445 2 ай бұрын
Great devlog! This and the UI updates have made the game feel a lot more polished. Excited to see what comes next!
@ThinMatrix 2 ай бұрын
Thanks!
@jamesbaconreid 2 ай бұрын
wow you've come a long way, awesome work. these icons look great. and the post processing too! :)
@ThinMatrix 2 ай бұрын
Thank you!
@TheEnthusiasticCoder 2 ай бұрын
Another great video by ThinMatrix, keep up the great work!
@dandymcgee 2 ай бұрын
The icons are awesome, great work! Thanks for sharing. :)
@holly_hacker 2 ай бұрын
Those icons looks amazing, it's really surprising how much it does for how polished/ready the game looks
@Onepiece0752 2 ай бұрын
wow, loved the way u solve these problems, keep growing , keep uploading
@Skeffles 2 ай бұрын
Fantastic to see the icons. It's so cool how you're able to generate them like that.
@marcely1199 2 ай бұрын
I didn't notice you switching to Intellij. You were always the last warrior to use Eclipse for me😀
@morbuskobold4233 Ай бұрын
Intellij is such an awesome IDE. Way worth switching to nowadays.
@SaraTalefe 2 ай бұрын
UI revamp looking amaziiiiing! great job 👏
@b-vance 2 ай бұрын
Very nice! Very peaceful vibes as always. 🌱
@Keimoj 2 ай бұрын
"Diggy bit" is my new favorite for spade :D love the content, both digital and irl planting!
@akalex770 2 ай бұрын
Youre saving my day with this video right now.
@kanebrady2228 2 ай бұрын
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!
@vyzymz 2 ай бұрын
i admire your workflow. so disciplined.
@CurtisDoesADig 2 ай бұрын
This is coming along insanely well! Congrats!
@ThinMatrix 2 ай бұрын
Thank you!
@alexeyl22 2 ай бұрын
Awesome work!
@LiamKarlMitchell 2 ай бұрын
Looking great!
@360McCarthy 2 ай бұрын
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 😊
@KarimHamdallah-gc2el 2 ай бұрын
Amazing work 💚
@halfgrape8696 2 ай бұрын
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.
@FarSam25 2 ай бұрын
I'm addicted to your Devlogs please don't stop 😁🙌
@masterloic7180 2 ай бұрын
Love your work !
@andygeers 2 ай бұрын
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!
@lukesnyder4183 2 ай бұрын
Honestly, I could see that little icon generation program being something useful to release on its own. Really nice stuff!
@evanrobison567 2 ай бұрын
The procedural icon system is absolutely brilliant!!
@joeldesante 2 ай бұрын
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!
@CodeaDeveloper 2 ай бұрын
Loving this game keep up the good work
@CESTLEDU 2 ай бұрын
I love how crazy the watering can gets after a few upgrades 😂 Also I'm very impressed by your icon generator it looks great!
@catnapsandramen9435 2 ай бұрын
Spelling Colors as Colours is crazy to me LOL. Can't wait for this to come out!
@SirJoshuaTree 2 ай бұрын
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
@w花b 2 ай бұрын
Now that you say it, lots of games do that. It's slightly different so you can notice it but not some much that you don't even recognize the object. Unless it's the intention to really make it seem like a completely different object instead of an upgrade. Just like cars in real life, you add carbon then next upgrade better tires then maybe spoilers etc.
@dieselboy.7637 Ай бұрын
I disagree. The way he made is way more creative and fun.
@dieselboy.7637 Ай бұрын
And not basic and generic.
@harrasika Ай бұрын
@@dieselboy.7637 the problem with the changes being too dramatic too often is that you no longer can recongnize the tools at a glance and need to search for it every time you need to use it. But I think it is worth the sacrifice
@aldyreal 19 күн бұрын
@@dieselboy.7637totally agree
@wilk1nson277 2 ай бұрын
the transition at 3:30 was so satisfying
@wolfieboy09 2 ай бұрын
This is the evry video that got me into Java game development, thank you for getting me into it :D
@stylex8764 Ай бұрын
i wish you doing good bro .... im waiting your game AF haha :) keep your great job
@NoVIcE_Source 2 ай бұрын
this is awesome!
@FM-kl7oc 2 ай бұрын
16:02 Me: "I'm totally not compensating for anything."
@LeBogo 2 ай бұрын
Ohhh yes! I was waiting for this!
@LeBogo 2 ай бұрын
This was probably already available for patrons, right? I don't check it that often 😅
@ThinMatrix 2 ай бұрын
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.
@bonnwolff1890 2 ай бұрын
I hope that you keep the crooked stick upgrade as an inside joke for us dev log watchers!
@floral1474 2 ай бұрын
Nice transitions!
@Ferdii256 2 ай бұрын
It's looking so lovely! 🥕
@Jplaysterraria 2 ай бұрын
Having the lowest tier items be a "joke" would be fun (e.g. the lvl0 spade is just a spoon)
@Hoody803 2 ай бұрын
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!
@Maetschll 2 ай бұрын
What a good video!
@zerosypher0114 2 ай бұрын
Very cool idea.
@Matojeje 2 ай бұрын
This reminds me so much of the monkey icons / models in Bloons TD 6, which also change when upgraded!
@SpektrixGamingEdits 2 ай бұрын
bro we need more food prep, tbh it was the main reason i subbed to ur channel 😂
@rainbowlemon Ай бұрын
I have a tip on the general design of the icon positioning. It'd look a little better if the icon wasn't almost exactly the size of the containing box. When lines almost touch it can look weird - I'd either make the icons a little smaller, or make them larger and have them overflowing outside of the containers. (You'd probably have to make the boxes smaller and box gap bigger in that case, but i reckon it'd look better).
@lucbloom 2 ай бұрын
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.
@yondo3667 2 ай бұрын
you cooked! great work
@kylemason01 2 ай бұрын
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.
@InvaderMik 2 ай бұрын
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!)
@kaaf9840 2 ай бұрын
Make the icons spin when selecting/viewing its stats, I think this would make it pop a bit 😄
@ajyauchler7678 2 ай бұрын
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
@Avandale0 2 ай бұрын
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 !
@werlynakadera1944 2 ай бұрын
A brief glimpse into the life of someone without adhd
@xheptc9612 2 ай бұрын
You should do a Upgrade type "Reach" for the shovel, which increases the length of the shovel for further reach
@Dardasha_Studios 2 ай бұрын
There is an improvement.
@assafcohen3173 2 ай бұрын
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.
BalcevMMA_BOXING
Рет қаралды 10 МЛН
DV Gen
Рет қаралды 184 М.