Shop Tutorial Unity - [2021]

Hi All,
This is part 1 of the shop tutorial video. In this video we cover the functionality of creating a shop in unity3d that can be applied to any type of shop you wish to create in the future.
Thank you for checking out my tutorials please consider subscribing and thanks leaving me a comment of what you'd like to see next.
Discord: / discord
Patreon: / flarvain
Subscribe: (it's free!)
I also am affiliated with NordVPN, if you're both interested in a VPN and want to help support or already have a subscription and need to renew it then please consider using my link:
NordVPN: go.nordvpn.net/aff_c?offer_id...
NordPass (password manager): go.nordpass.io/aff_c?offer_id...
The above helps a lot!
#troubleshooting, #Unity, #CSharp, #Programming, #GameDev, #tutorial,

[@erdemalpkaya]

Wow. Your videos deserve much more. Thanks

[@Flarvain]

Thanks so much, i appreciate the feedback :D

[@moosesnWoop]

My man's teaching the concept of prefabs! Prefabs (pre-fabricated game objects) are great for those repeative functional UI components (or any component) would like to update across ALL of the same prefabricated objects. Think of it as making your own 'defaults' for say button types or text types of a certain font.

[@Flarvain]

Hell yeah! Make it scaleable, and you'll never regret it! Enjoy your game making journey! :)

[@JessicaGalvan93]

Thank you! I was on the right path with the itemTemplate and prefab but I had trouble making it so that it would fit in a scrollable window. Right now it's almost working!!!

[@Flarvain]

No worries jessica, you're welcome!

[@damianoschirinzi4317]

Thankyou! Will be watching this when its time to implement my shop system!!

[@Flarvain]

You're welcome! If you have any questions during it let me know :)

[@thellamasorcerer4785]

This tutorial saved my marriage

[@Flarvain]

Here i thought you couldve saved your own marriage with llama magic!

[@GathaKv]

Ahhh Helpful as Always! keep the great work Buddy

[@Flarvain]

Always welcome gatha :)

[@user-qr9zj7on7x]

05:42- "some of these things seems a little bit an*l to begin with".(Checked with auto captions) Awesome and crisp content tho .

[@Flarvain]

Haha, ill announce dates for my apology tour soon 😂 Glad you enjoy the tutorial, best of luck with your games!

[@MiniatureGiantsGameDev]

Excellent tutorial, thanks for this. Will be using in an upcoming game :) Subscribed.

[@Flarvain]

Thanks and welcome to the channel. When you get further with your game feel free to come join the discord and post it in the self promotion area for others to play :)

[@gsogaming666]

Hey thanks a lot for the video, Very helpful Add Component > Mask > Set the image of the Scroll Rect to a non-cornered image. Hope it helps.

[@Flarvain]

You're welcome, glad you enjoyed it!

[@namlasyruhdwohc6340]

thx!

[@lucasdahl1118]

Very easy to follow and understand, thank you!

[@Flarvain]

Thanks! Glad it could help :)

[@lucasdahl1118]

@@Flarvain this is exactly what I wanted a shop to look like, but haven’t put any in my games because I couldn’t get it to to work just right, so thank you!

[@Flarvain]

@@lucasdahl1118 thanks again, you should consider coming to join the discord aswell!

[@lucasdahl1118]

@@Flarvain will do!

[@RaffaelAlexander]

Thank you! Nice tutorial!

[@Flarvain]

Hey raffael, always nice to receive feedback. thanks for taking the time to comment, appreciate it :)

[@hahas507]

Very nice tutorial. Easy to understand.

[@Flarvain]

Thanks :)

[@amineidrissi6237]

Awesome tutorial thank you

[@Flarvain]

Thanks amine idrissi!

[@TheGamesEnd77]

thanks you !!!!!!! its a good video you save me THANKS!!!!!

[@Flarvain]

You're welcome :) glad you liked it!

[@NateTheGreat408]

Nice tutorial thank you!

[@Flarvain]

You're welcome!

[@francisco6236]

Yo, thanks for this awesome tutorial, for anyone newbie to this remind to NOT delete "EventSystem", couldn't figure out why my scroll wasn't working and it was because of that, I'm still a noob x)

[@Flarvain]

You're welcome. I made the same mistake when i first started with the event system, "whats this, i didnt make it. *delete" haha. Glad the tutorial is novice friendly, that was the aim!

[@koojoker]

Rly good tutorial, looks very good and I enjoyed the easy to follow tutorial. Subed!

[@Flarvain]

Thanks! Welcome to the channel 😀

[@koojoker]

@@Flarvain WOW this is crazy your an very active ytber. Keep it up!

[@Flarvain]

@koojoker haha, just checking on the way home from working more coincidental than anything else! But really, thanks for the comment! :)

[@koojoker]

​ lol =)

[@koojoker]

@Flarvain sry for bothering, but I have a bug with the code. On public void PurchaseItem(int btnNo) { if (coins >= shopItemsSO[btnNo].baseCost) { coins = coins - shopItemsSO[btnNo].baseCost; coinUI.text = "Coins: " + coins.ToString(); CheckPurchaseable(); } } e.g. I have 100 coins, i need 101 to buy a 100 coins item because {>=} is like bigger than [] right? I tried if(coins + 1 >= shopItemsSO[btnNo.].baseCost) but I was having this error 'IndexOutOfRangeException: Index was outside the bounds of the array.' please help

[@anlozge1788]

Great tutorial!

[@Flarvain]

Thanks Anil! Welcome to the channel :)

[@fall3nworldstudios]

WOW SUPER HELPFUL THANKS

[@Flarvain]

Happy it was helpful :)

[@floriskruger8098]

THANK YOU SOOOOO MUCH

[@Flarvain]

You're welcome :)

[@forrestarnold1402]

Absolutely amazing!!! Quick question: I have my shop open in a window so that you can still see the background, any idea how I could make it so that the icons that normally cant be seen off screen invisible until it reaches the window?

[@Flarvain]

Im not sure i understand the question sorry. If you're talking about buttons behind the window not being visible when the window is up then you can just use some simple layering of game objects that should do the trick to hide things behind it. If ive misunderstood what you mean, please clarify :)

[@stormforce1010]

Add a Mask script to your Scroll rect :D

[@abowloffruitproductions5733]

I know that this video is kinda old by now, but I have a sorta unique problem. I want to make this type of menu for a shop able to be navigated with a controller. Does anyone know how I can do this? I can navigate other menus in my game with controller using the input system, and this menu is able to be navigated as well. I just need the scroll rect to scroll with whatever button I have selected. Like how shop menus in most games work. I have implemented this tutorial exactly the same, but made it vertical rather than horizontal.

[@RAM-nb1ot]

u seriously need more views bro.....

[@Flarvain]

Thank you! This is only the beginning! Big plans for content so hopefully that'll being the views :)

[@RAM-nb1ot]

@Lorenzo Mason wth?

[@k1aldgames275]

Thanks !!!

[@Flarvain]

You're welcome :)

[@veebz7836]

My Shop Items keep popping up with the scroll rect scrolled all the way to the left on start, how would i ensure the scroll rect spawns so that the first item is displayed on the left

[@stormforce1010]

Hey, Very good tutorial. I am attempting to make a vertical scroll menu instead of a Horizontal scroll. However the Items continue outside of the Scroll Rect, how would I stop them from getting out?

[@stormforce1010]

I figured it out, adding a Mask script to the Scroll rect keeps it inside.

[@Flarvain]

Yeah the unity UI can get a little bit fiddly when you add things in the wrong order so keep that in mind if you get to that point where you're thinking "im sure this is what i did last time!" Haha. Glad the tutorial was helpful, welcome to the channel!

[@dayton2788]

Omg, thanks from Russia

[@Flarvain]

You're welcome! From Australia

[@luckydenzel]

Can you make a update video so the game remembers that the player has bought it so when he closes the game and opens it again he doesn't have to buy it again?

[@stephenseaback1204]

Any help trying to convert this method of shop implementation in a 3 wide vertical shop for a mobile phone application? One of my favorite tutorials.

[@Flarvain]

Thanks for the comment stephen, maybe shoot me an email of what you're trying to achieve and i can give you some pointers if you're still stuck. Welcome to the channel!

[@stephenseaback1204]

@@Flarvain I got it with a grid layout group. I am going to shoot you an email about another problem.

[@farwani3535]

Im trying to make a 3d game where u pick up coins and use them in the shop I have been trying to look for a video to help me with this but I didn't find anything, any help?

[@Flarvain]

Hey farwani, it shouldnt be too hard. This tutorial will gives you a template that you can insert into basically any game. In terms of your coin pickup, a simple example would be adding to an integer called coins when you walk over a coin and having a collision event that adds one to that integer and then destroys the gameobject. Hope that helps, please consider subscribing and join the discord if you get stuck :)

[@cate01a]

no scripting :( having issues with adding script functionality to pressing a button: "When I press this button, I want you to run the Clicked() fucntion in MyScript"

[@Flarvain]

Hey there. In the inspector you can click the plus sign on the 'onclick' area. You can write a function in any script and drag that in and it will trigger when you click that button :)

[@cate01a]

@@Flarvain Cheers but not quite! Got it working now, and the thing is you can't directly use scripts and attach them to the OnClick() button thing. Instead, you need to attach a gameobject (which would have your script). So underneath your Button or whatever you can create a child "ScriptHolder" whose only component is your script (and the necessary transform). Then you add this ScriptHolder object and it'll work

[@Flarvain]

@@cate01a ahh sorry yes, anything dragged in there will always need to be attached to a game object if it derives from MonoBehaviour. Good spotting!

[@luckybeeyt]

Doesn't work for me 😥

[@luckybeeyt]

Ok i fixed it, i forgot to add event system because it should have been added automatically!

[@never_diehuman]

It does not scroll i dont know what i am doing wrong so sorry 😢 but its looks good and if somone will help me but when not i really liked the tutorial 🎉

[@never_diehuman]

Sorry for this mesage i was not seting the scroll rect to be scroolable so sorry

[@Flarvain]

No problem! I hope you get alot of use out of it! :)

[@luckybeeyt]

@@Flarvain Mine doesnt work, but I think I did everything right, also rewatched to check

[@luckybeeyt]

How did you fix it @@never_diehuman ???

[@SkorpionYassine]

REname the video to Unity Shop UI tutorial :/