How To Make A Game - Easy Menus And Settings [3]
Вставка
- Опубліковано 25 лип 2024
- Easy beginner tutorial for a wave defense game without coding, using GDevelop. We'll cover menu buttons, tweens, camera controls, scene transitions, saving your settings, and more. These tutorials are designed to teach you how to make a game in GDevelop, a no-code, open-source, free, and easy game engine.
Learn More: gdevelop.io/
Assets In Video: drive.google.com/drive/folder...
The finished game: gdevelop.io/game-example/wave...
__________________________________________________________________
🎨Asset Store: gdevelop.io/asset-store
☕Merch Store: goodies.gdevelop.io/
Documentation: wiki.gdevelop.io/gdevelop5/start
Social Media: linktr.ee/gdevelop
__________________________________________________________________
TimeStamps:
00:00 Buttons
02:54 Camera Tween
05:17 Volume Slider
07:42 Save And Load
11:07 Highlight
12:33 Scene Transition
__________________________________________________________________
Engine Tutorial Playlists:
Beginner Tutorials:
• Beginner's Guide To GD...
Intermediate Tutorials:
• Camera Controls - Inte...
In-Depth Tutorials:
• Sprite Object - In Dep...
Advanced Tutorials:
• Saving & Loading (Stor...
Game Mechanics:
• Create Enemy AI For Yo...
Make Your First Game:
• How To Make A Game - S...
__________________________________________________________________
#GDevelop #Gamedev #Tutorial #Nocode
![How To Make A Game - Level Up System [4]](http://i.ytimg.com/vi/EfjsgK2elUI/mqdefault.jpg)
![How To Make A Game - Level Up System [4]](/img/tr.png)
WARNING ABOUT THIS VIDEO!
The actions Write/Read have been changed to Save/Load. So now instead of "write a text", you should be looking for the action "save a text". 👍
And the tween actions have been changed from using milliseconds to using whole seconds instead, so the 1000 milliseconds in the videos can be changed to just 1 second instead. 👍
Can upload on the play store ?
@@viral_harish_ yes
Thanks
Sure. Nice work though. I gotta admit
This was driving me nuts. Glad I looked here. Thank you
For those not getting the menu to change.. he use duration 1000 on the Tweens, but in my setup that is in seconds, not milliseconds.. set it to 1
It was changed from milliseconds to seconds in a recent update. I'll pin a note about it under the video.
-Wesley
Thank You
HERO !!!!
Thank youuu so much
I thought mine was broken. Thank you!
Only OGs Remember when you had to use "If cursor Is on object" and "mouse button released" to make a button for your game in gdevelop🗿🍷
I remember. 😅
-Wesley
Yo I remember that! That were OG times.... (sadly the first game I Created is gone because I reset my pc and the game was only safed locally 😭)
that used to be the bane of my existence
@@atanasfire By the way, if we're talking about this game developer tutorial, I think it's worth repeating the things seen in it again and again; they stick much better in your mind, and from that, you'll be able to create other things as well.
@@theleakedgroup Wait, people stopped doing this?
Since it seems like you guys read your comments and take feedback I wanted to recommend something, I've been fiddling with GDevelop for a few months prototyping really basic game ideas, but one wall I've run into is implementing text-based dialog, specifically the kind you'd see in something like a top down RPG or a Visual Novel. I've tried working my way through the tutorials on your website but I always seem to hit one roadblock or another, which seems crazy to me for something that seems so fundamental to developing a story in your game. Your youtube tutorials are very thorough and easy to follow, and in my research I've found that I'm not the only person who has run into road blocks trying to implement dialog into GDevelop so I'd love to see a guide straight form the devs about the easiest and most effective way to create and implement text-based dialog into your game. Hope you read this, and thanks!
I am trying to make a visual novel so this would help alot
Great video, keep up the good work! I really enjoyed the scene transition part.
Really helpful, thank you! I learned a lot from this, including how to create game saves more efficiently.
I'm writing this in 11 Feb 2024 for people encountring some errors; (I wrote the date because maybe things can change again later)
For Tween Camera, it's not 1000 ms now you should just write "1" as it is in seconds now.
For Save and Load, it's not write / read a file, its save a text and load a text now and be careful it is not "save a VALUE" it it "TEXT".
Thank you very much, you have saved me, I had been stuck for a long time
Also, I love working with the grid turned on. So easy to have things tidy in a jiffy.
I'm working on my first game in GDevelop, this is going to be helpful!!
I am absolutely happy with your videos and explanations!
👍👍👍
Wow. Thank you so much for this, a big help for me on my next update for 3DJam
This is a great video thanks for all your tutorials! I knew I was going to need to implement menus in my game at some point and this is very helpful. As for suggestions for the next one I would pick 1. Enemies. I've got pathfinding extension enemies that move towards the player and a stationary turret type enemy. Any sort of tips for AI behaviors would be great (top down shooter type of game like in this video) But honestly I'd watch whatever you put out since I find it helpful even if it doesn't directly relate to my game.
This video came at the perfect time, I'm getting ready to do my main menu in my game! I never would've considered putting the entire menu on one scene and just transitioning the camera, that was really cool! Would that still work for higher resolution games or at that point is it better to have each part it's own scene?
I also really appreciate you covering all the steps to make it fully functional, like setting up the sliders and save states!
There's no reason tweening shouldn't work for any resolution game.(With the exception of REALLY low resolution games, that might not look as nice then. ⚖)
-Wesley
Thanks for the tutorial! For the next one, Rouguelike achievements would be helpful.
Please comment and let us know what you'd like to see IF we do another video in this series.
1. Enemies
2. Power Ups/Leveling
3. Other(Comment)
1
2
Hi ❤❤I really loved your assets can you give us link to download them and follow long with you plz ?
1.
1
Dude.... this video is epic...thank you so much... keep em comming... stay epic... I'll vote for option 2 powerups please....
so cool cant stop watching
Very nice video 👍
For another video, I would be very interested into getting more in deep with how making a game responsive. Like how to setup if the user is using wether a phone or a computer device.
Thanks four your videos, it really helps and inspire
This video is perfect for me as I really wanna brush up on my UI/UX!
I've also found some new potential favourite extentensions, giving any object a button state opens up so many doors ❤
Yeah, the button state extension is great. 👍
-Wesley
Very interesting.....that camera movement....Whew!!!! Y'all are on a roll!!!
My camera move to the left not to the right how can i fix it?
Ah man. Slaying!!
Could practically have everything in 1 scene. Now that was helpful, thank you Helper!
Still voting for 2. Really need those power-ups (I mean this vidi was a power up for me) now my players need them. :P
I've played with the fire bullet example but struggle to isolate certain rates/spreads/speeds which I assume would be covered in power-ups.
Great video for beginners, this series is well explained and comprehensive, everyone will be able to code at this rate! I love your project🎉
Totally using this for a game I'm working on.
Amazing! More like this
Hello. Where can I find suitable sound effects for my game when I'm making a space shoot game? For example, laser sound, explosion sound, etc.
AMAZINGGG
power ups sounds like a cool idea
Finally!!!!! this is amazing im so excited this is the next step in my game and want to get a better grasp, One thing that I would love to ask about is how to do a good dialogue system with menus???
There's an example game called Yarnlalia in GDevelop. Check that out to learn how to use "Yarn", which is built in to GDevelop for dialogue systems. 👍
-Wesley
@@GDevelopApp thanks Wes I wasn’t sure if there was an example and looking around couldn’t find much!
Mobile Phone user here
I appreciate your videos and you do a great job explaining these things. I do have to say I have a very difficult time keeping up with the pace of the explanation at times. I've using the 0.25 playback speed and the mouse still moves around very fast for me to even take in what Im watching.
Keep up the good work though!
Sorry about that, I used 8x speed in this video, trying to cut down on time since the last video was around 25 minutes long. 😅
The next video that comes out will at max be at 4x, so watching at quarter speed during the fast forwards should be normal speed. Hopefully that'll help, trying to find the balance between keeping videos short and still giving people as much information as they need. 👍
-Wesley
This video rocks. I actually never taught GDevelop can go this far in game dev
Check out our showcase videos to see the games being made with GDevelop. 👍
-Wesley
Okay 👌 I'll do so
Good morning,
I have a quick question about the backup system.
When I'm in the main menu, I click on an image (which is black) to enter the level. As soon as I finish the level I return to the main menu and I would like the image to no longer be black (this gives me the second animation) What should I do?
Thank you so much
How do you publish the Main Menu with the game?
Do you have any tutorials on how to make a ludo game & a card building deck game, a chess game thanks?
An external layout can be used for the setting menu instead of putting it directly next to the main menu. It allows better organization.
They definitely can be used to organize different parts of your menus. 👍
-Wesley
I have not been able to find how to make enemies decrease in size/scale based on the score/points (not time) and if they are smaller in scale than the player then when they collide they "die". I was hoping you could enlighten me :D thank you for your videos!
Finally, menugamedesigner
Gdevelop why do you use bitmap text for game instead of using button system or text???
Where did you download that bitmap text?
When I add to press button back it stays on main menu. but works if i dont
Can you make tutorial for basic stuff in THNK or MQTT or WebSocket client in gdevelop
ive been following the tutorial but the tween doesnt work how do fix it?
what font is that and where can I get it?
How do you do that with the music?
first congratulations for the content it helps a lot. you can teach how to adapt this game to a mobile version without having to use the mouse to aim. instead the angle of the weapon is set by the nearest enemy. Sorry for the bad english I'm from Brazil. 🇧🇷
i am using gdevelop for 1 year but in the new update the perview doesnt work its loading forver pls i slove my problme i am adding booses for my game pls answer 😭😭😭
where can i get the font of tittle game?
why not to integrate Photon with gdevelop for multiplayer games networking
Power ups OR more ways to save and use data on the JSON
Power Ups, please. Thanks for the tutorial
when loading the game for the first time ever on a new machine, the music and sound effects are reduced to zero bc there is no json file with the settings to load
SOLVED! i set up a check for the settings group inside the settings storage at the beginning of the main menu scene. if it exists then it performs the load and conversion. then i created a new "at beginning of scene" event after, to change the sliders to the global variable.
and when will the progress in the game be saved so that the user can go through the levels and they are saved so as not to replay again?
We don't actually have waves or levels yet, so we'll probably do those things first, and then worry about saving/loading. But we do have a couple videos on this channel about save/load, if that's why you're asking.
However, the actions have been changed from write/read to save/load, so be aware of that when you're watching older videos. 👍
-Wesley
3d editor coming soon for gdevelop?
As was mentioned in the description Write/Read have been changed to Save/Load.
1) I would like to add that TempSettings is a String and it resides as a Scene Variable in the MainMenu tab.
2) Now Settings is a Global Variable, and is a structure with two children variables: Music and Sound both are Number variables.
3) The file where everything will be saved (the storage) is also called Settings. That's why you have something like "Save GlobalVarToJSON(Settings) in "Settings" of Storage "Settings" ".
3) To save or load a file you must convert to/or convert from a JSON file (it's a JavaScript Object Notation, a way to structure data) respectively.
4) Make sure to choose "Save a text" option, when selecting the save action, otherwise it will not work.
5)The same with Load. Choose "Load a text" option, when selecting the load action, otherwise it will not work
Hi if the music already playing then the music slider don't do anything can u give me a solution?
There's a condition for "is being dragged", you can use that in an event with the action "change volume of a channel", and then change the volume of the channel to the value of the music bar.
Hope that helps. 👍
-Wesley
ok I done it or something similar and it worked thanks :D@@GDevelopApp
So, I don't expect an answer but it can't hurt to ask.
I followed the tween section since that was my main interest, and it worked great! But my custom cursor gets thrown off the screen and doesn't want to come back until I muddle my way to clicking the back button blindly and it flings back on to the screen. Any idea why it does this? :O
Your custom cursor is probably on the layer that's being moved, so that movement includes your cursor. Try putting the cursor object on a new layer and changing the position being checked to the cursorX("layer",0) and cursorY("layer",0).(With "layer" being the name of your new layer)
Hope that helps.👍
-Wesley
oh thank you! I'll try that. I'm surprised I got a response so fast XD Thanks! :D@@GDevelopApp
I can't make only the button that is hovered glow
make a custom cursor that attracted with the game's environment.
i dont understand the "volume of the music on a channel" teh channel thing is wierd, can someone help me
yeah neither do i
Nice video but where can I find the bitmap fonts and bitmap atlas image? I've been trying to find but I just can't
In the video description there's a link to all of the assets used in the video. 👍
-Wesley
@GDevelopApp Thanks Wesley, sorry for taking long to answer
can you explain 3.28?? you put in marker 1 but then delete it and put in marker 2??
because he copied and pasted the marker 1 and clone it as if it was marker 2 in "game screen", but it was still a single same object, so when you do event condition and stuff, the machine cannot identified which markers (left or right) . What he did was copy (or duplicate) the marker 1 object in "Object" pannel just to made it as 2 separate objects
This has me thinking what if your whole game is a menu - looking to you blaseball. I wonder how difficult that could be might be something I have to give a try.
if your slider didnt work, change "is dragged" to "interactions on ... are activated" - works for me
I just started gdevelop and I made a game. In the game I made, there is a stone and birds falling from above. When you touch the stone to the birds, the birds disappear, but when all the birds fall, I am trying to make a play again button, but I cannot do it. I would be happy if you help me.
The simplest way is to add a panel sprite button object from the object list, and then in the event sheet create an event with the "is clicked" condition for that button, and then the action "change scene". Pick the current scene you're in and the scene will reset.
Hope that helps. 👍
-Wesley
I notice that both the sound and music on my game doesn't work when I hit "Play" unless I manually adjust the sliders. (Even when the sliders are defaulted at 50%). Do you know what's going on?
If the variable is set left at 0, then you need to change your sliders to bring it up from 0 before they'll play. Try going in to your variables and changing those to 50 instead of the default for the slider bars.
-Wesley
@@GDevelopApp Hey, that worked. I went through the global variables and changed 0 to the preferred settings. Appreciate the help!
@@GDevelopApp hey i had the same problem and tried the same solution but it doesn't work. i tried changing the global variables but it stays on 0 except if i change it manually ingame.
Tweening in the same scene to change to another part of a menu =
How Do You Make a Multiple Save And Load In Gdevelop 5 And Level Design
We might cover that in a future video. But quickly:
If you have 3 different buttons for 3 different "save slots", then have that information save in 3 different locations. Change the name of the storage or group for each one, and then when they load the game in, you can use the "storage exists" or similar conditions to check which save slots have information in them for loading.
I'd try using a test project for this and seeing if you can get it working with a single variable at a time before doing anything else. 👍
-Wesley
what are the dimensions that you are using?
It's shown at the beginning of the tutorial series, and the assets are linked in the description. 👍
-Wesley
thx comment for push ^^
Power ups 👍
Please create level upgrade changes. As the game progresses and becomes more challenging, players will encounter a boss at the end of each level whom they must eliminate. After defeating the boss, the game should switch to a new map, where players can face new enemies with unique features. Additionally, each boss should possess distinct characteristics to provide diverse gameplay experiences. I hope this clarifies my suggestions.
Magnifico
is it me or why cant i find the write a text action in gdevelop?
It got changed immediately after this video went live. 😅
A quick patch went out replacing the words "write/read" with "save/load". Since... that's what the words mean, and people will be able to understand them more easily now.
So now the action should be called "save a text".
-Wesley
Thanks!
the camera tween just doesnt work for me. i dont know why. i did everything corectly. :(
It's really hard to help from the UA-cam comment section, I suggest you reach out the community on the GDevelop discord server and ask for help there. You'll be able to share screenshots of your events for them to see.
But just be sure to post in the right help channel. 👍
-Wesley
I can't find the change number variable thing I dont know what to do?!??
The variable system has changed a bit since this video. Check out our latest video for variables on the channel. Instead of picking the action/condition for variable type, you use the action/condition variable value and then pick whichever type of variable you want to use inside of it.
Hope that helps. 👍
-Wesley
Thank you!!!!
I want to see power ups
Also, if you're rapid prototyping, the prefabs included in GDevelop are a godsend.
They are! Extensions, prebuilt objects, behaviors, and more. They make the game making process so much easier!
-Wesley
Can you upload it on play store please reply
yes
Power ups. The game is 3d or 2d and 3d both?
This game is 2D.
-Wesley
@@GDevelopApp k
@@GDevelopApp is multiplayer possible in gdevelop? Can we make this game multiplayer?
And again you didn't show clearly what's a type of TemporaryVariable. You did it so fast it's impossible to get if it's a structure or just a string. Anyway I can't make the structure saving to work. I have "Save ToJSON(test) in " save" of storage "save"" after pressing a certain button. Then "Load "save" from storage "save" and store value in "temp"" - "Convert JSON string VariableString(temp) and store it into variable "test" ". And all children of the structure are just 0.
The temporary variable is a scene string variable. Sorry if I didn't make that part clear.
The JSON string gets loaded in to that text(string) scene variable and then you can convert(parse) that in to the structure of whatever you're trying to load it in to.
I hope that helps.
-Wesley
@@GDevelopApp thank you. It works.
Please make a tutorial on the phone because many people do not have a computer so they have to use the phone app
We might do another long form game with mobile in the future, but all of the things in this video should apply to mobile phones too.
The "is clicked" condition works the same on mobile with touch controls. 👍
The only thing that won't work are the in game controls, so you'd need to add a joystick for moving and shooting instead. The conviction of gun dude game example has a mobile version if you'd like to snag the controls from there to use and follow along with this one. 👍
-Wesley
@@GDevelopApp Yes, but the menus and the way to set properties and commands are different from the phone, so sometimes I don’t know what to do even though I watch the clip a lot
@@واحد-7 Which parts are different?
-Wesley
how do you remove the black edges from screen
You get the black edges when the screen is set to not expand to fit the screen, you can change it in your game properties.
For this project I have it set to that because making the game adjust to fit the screen is just more work, I'm keeping this example as simple as I can.
-Wesley
@@GDevelopApp but if i make it like this some buttons go out from screen if it a small phone or something
@@mosabalmadhoon3019 You can use the anchor behavior to keep things in place.
It does require some extra work to get the screen to expand properly, that's why we're leaving it out of this tutorial series.
But If you check out the video on touch screen controls, there's a segment in the middle/end that shows how to anchor UI buttons.
Hope that helps.
-Wesley
Enemies next!
Great series.
DOES ANYONE KNOW HOW TO GET FNT FROM THE VIDEO I DONT KNOW HOW TO DO IT?
there is a link to the assets in the video description
assets in description
Man camera tween doesn’t work please help
I suggest popping in to the discord server or over on reddit and asking for help from the community there. You can share screenshots of your events and set up there, so someone might be able to spot what's going wrong. 👍
-Wesley
same problem
me too
I hope this code will help you {"000kind":"GDEVELOP_EventsAndInstructions_CLIPBOARD_KIND-jsBdHbLy912y8Rc","content":{"eventsList":[],"eventsCount":0,"actionsList":[{"type":{"value":"SetCameraCenterX"},"parameters":["","=","lerp(CameraCenterX(), SettingsMarker.CenterX(), 1)","",""]}],"actionsCount":1,"conditionsList":[],"conditionsCount":0}}
prefab object
This tutorial is so dissapointed because i follow all this but the system no function well in my project
Sorry to hear that. If it helps, the finished version of the game can be found in engine as a template with the name "wave defense". You can open the game in engine and look through it to see what might be different between your game and that version. gdevelop.io/game-example/free/wave-defense-shooter
Hope that helps. 👍
-Wesley
Before i used this script and worked but now it doesn't work anymore...
change 1000 to 1
one month old video and already its outdated. great
45 Seconds in & you are going way too fast! I had to give up because I can't get the bitmap text to work properly because for whatever reason, I cant choose any regular TrueType font file when selecting for one. & Not sure how to create a atlas image of all of the font text on one image.
you can slow down the video in the setting...
back button doesnt even work
Couldn't I just make a new scene instead of doing all of this
You definitely could, this is just one way to make the menu in a scene. 👍
-Wesley
For tf do I make a marker
The marker used in this video for shifting the camera is just a sprite object, so make a sprite object and use any image at all.
I hope that helps.
-Wesley
Oh thanks, and sorry if I was a little rude😅
How do you make a maker😂😢😅
The marker is just a sprite object with a square as the image used, it's not a special kind of object or anything. 👍
Hope that helps.
-Wesley
There is no slider anymore
quit doesnt work for me
6 months later, but if you use the app it should work. If you're already using the app then I'm sorry. I'm dumb.
bro do you know how to slow down jesus.
Bro had to search YT about his team’s engine to use the engine 😅
Whoa...slow down.
ughhh I've been at this for 2 hours and I cant get this stupid camera tween to work!!
The finished game is up as an example in GDevelop, you can try opening the finished project and seeing what's done differently between your project and that one.
Hope that helps. 👍
-Wesley
@@GDevelopApp thanks
Dude Love Your Videos And All, But Slow Down Just a Little 😅, Dont Drink To Many Red Bulls Before Making A Video, I Have To Use The PlayBack Option At The Lowest 0.25. And Your Still Moving To Fast 😂,
Sorry about that, it was a mistake in this video.
All of the videos in this series are increased to 4X speed during the parts where things aren't being explained, so viewers can slow it down to 0.25 speed to watch it in real time if they need to see those parts, but in this video it was set to 8 times speed. The rest of the videos in the series should be easier to follow.
The intro tutorial playlist is a better place to start learning the engine than this playlist. It goes over things in better detail.
Hope that helps. 👍
-Wesley
Hi, I'm stuck on flash and transition painter , it's not appearing when I search for it, in the extension list, it don't appear, do you know where I can get the file to import it to gdevelop, please help 😢 thanks in advance
@@bayislandnations6571 The extensions is called Flash and transition painter, you should see it come up if you search just the word "transition".
-Wesley
Yep totally crazy about constant change the velocity of this clips X_D