Godot Game Engine Tutorial: How to Create a Press Start Button

in utopian-io •  7 years ago  (edited)

My last tutorial was about duplicating assets (nodes/scenes) which you can find here.

https://steemit.com/utopian-io/@rye05/godot-game-engine-tutorial-duplicating-assets-nodes-scenes

Today's tutorial would be about creating a button.

Let's start


  • Launch Godot

when-you-hit-the-perfect-shot-m-gaming-memes-oh-5851836.png

  • Create a folder for the game, I named it Button. It's important that the name of the folder is the same as your project.

1.png

  • Click on new project.

2.png

  • Click on browse.

3.png

  • Locate the Button folder that you created and click on open.

4.png

  • Click on create.

6.png

  • This would be your interface once inside the editor, click on 2D at the top.

1.png

  • Click on the plus button at the right side of the editor.

2.png

  • We're gonna create a Control asset since it is for base UI. You can type it at the top to find it easily and then hit on create.

3.png

  • Once the control asset has been created, we're gonna create a child asset called button. You can either click the plus button again while Control is chosen or right click on Control and choose add child node.

4.png

  • Just like with Control, you can either search for button or look for it in the menu then hit on create.

5.png

  • You might see a view like this, you can drag the button asset to the middle and expand it as well.

20429613_1818216361824609_4214816292342474111_n.jpg

  • You can also change the view to see it better.

20429613_1818216361824609_4214816292342474111_n.jpg

  • This is the view if you zoomed in a few times.

20429613_1818216361824609_4214816292342474111_n.jpg

  • To make this a real button, let's go ahead and add some wordings. I'm gonna put press start as what most games have. Just go to the right side and double click the text option and put press start.

20429613_1818216361824609_4214816292342474111_n.jpg

  • The words you typed will be inside the Button asset. Let's go ahead and try the button.

20429613_1818216361824609_4214816292342474111_n.jpg

  • Click on play at the top. You will be asked to save the file first and choose the scene but it's fairly easy.

20429613_1818216361824609_4214816292342474111_n.jpg

  • And here's what it will look like, when I put the arrow on the button, it changes color and then changes more when I click on it. There's your button.

1.gif



Posted on Utopian.io - Rewarding Open Source Contributors

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you very much

Nice informative tutorial.. You did good job @rye05 even i understand it without any specific knowledge of this topic.. Thanx you are good at teaching

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Rye05 (SteemPH Customer Service) from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP. Be sure to leave at least 50SP undelegated on your account.

Hey @rye05 I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Good information gathered from your post.it is so nice. keep on moving