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

View this thread on steempeak.com
· @rye05 · (edited)
$24.11
Godot Game Engine Tutorial: How to Create a Press Start Button
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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514918972/rpjb6ht0h6xxuzsxxe4x.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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920464/uf4znintim9xmuo3cmif.png)

- Click on new project. 

![2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920480/jctomrwrownebbvvnoir.png)

- Click on browse. 

![3.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920503/ozmcg8dydxzpoyjxy4jx.png)

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

![4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920519/g752rscekjooshjrbzez.png)

- Click on create.

![6.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920551/fcoe1capn8p8plbozqm4.png)



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

![1.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927901/fzeiwxtpxahjdqjmybcf.png)

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

![2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927907/ruaaqwdqigeb4ezfuez3.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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927927/evmhau7xsy0tqa9xde8d.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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927938/c7zks4ijyqwave8upoeq.png)

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

![5.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927956/dksvbuq1gdafvxu3z2gu.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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514944707/oabk5ggp8uwr5tz2grno.png)

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

![20429613_1818216361824609_4214816292342474111_n.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514944835/tdorxexmd1wsflpgcg4w.png)

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

![20429613_1818216361824609_4214816292342474111_n.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514945107/wp9qkbm6c9xglt3duw4j.png)

- 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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514945266/nwpaxvhxrcf6glthi35g.png)

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

![20429613_1818216361824609_4214816292342474111_n.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514947538/a1vtxnw19yzh2h7e3xvu.png)

- 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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514948699/tz1tlely9xubebs5yrpg.png)

- 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](https://res.cloudinary.com/hpiynhbhq/image/upload/v1514950201/jyh3iyp1tfyfhem9mdnj.gif)


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@rye05/godot-game-engine-tutorial-how-to-create-a-press-start-button">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
post_id23,226,342
authorrye05
permlinkgodot-game-engine-tutorial-how-to-create-a-press-start-button
categoryutopian-io
json_metadata"{"repository": {"id": 15634981, "watchers": 12158, "events_url": "https://api.github.com/repos/godotengine/godot/events", "forks": 2707, "name": "godot", "issues_url": "https://api.github.com/repos/godotengine/godot/issues{/number}", "trees_url": "https://api.github.com/repos/godotengine/godot/git/trees{/sha}", "fork": false, "git_url": "git://github.com/godotengine/godot.git", "assignees_url": "https://api.github.com/repos/godotengine/godot/assignees{/user}", "size": 215008, "owner": {"id": 6318500, "following_url": "https://api.github.com/users/godotengine/following{/other_user}", "starred_url": "https://api.github.com/users/godotengine/starred{/owner}{/repo}", "subscriptions_url": "https://api.github.com/users/godotengine/subscriptions", "repos_url": "https://api.github.com/users/godotengine/repos", "login": "godotengine", "gists_url": "https://api.github.com/users/godotengine/gists{/gist_id}", "followers_url": "https://api.github.com/users/godotengine/followers", "received_events_url": "https://api.github.com/users/godotengine/received_events", "type": "Organization", "avatar_url": "https://avatars2.githubusercontent.com/u/6318500?v=4", "site_admin": false, "organizations_url": "https://api.github.com/users/godotengine/orgs", "gravatar_id": "", "events_url": "https://api.github.com/users/godotengine/events{/privacy}", "url": "https://api.github.com/users/godotengine", "html_url": "https://github.com/godotengine"}, "forks_count": 2707, "git_refs_url": "https://api.github.com/repos/godotengine/godot/git/refs{/sha}", "blobs_url": "https://api.github.com/repos/godotengine/godot/git/blobs{/sha}", "pushed_at": "2018-01-03T00:22:04Z", "watchers_count": 12158, "teams_url": "https://api.github.com/repos/godotengine/godot/teams", "comments_url": "https://api.github.com/repos/godotengine/godot/comments{/number}", "archived": false, "svn_url": "https://github.com/godotengine/godot", "merges_url": "https://api.github.com/repos/godotengine/godot/merges", "subscribers_url": "https://api.github.com/repos/godotengine/godot/subscribers", "issue_events_url": "https://api.github.com/repos/godotengine/godot/issues/events{/number}", "stargazers_url": "https://api.github.com/repos/godotengine/godot/stargazers", "mirror_url": null, "statuses_url": "https://api.github.com/repos/godotengine/godot/statuses/{sha}", "has_projects": true, "milestones_url": "https://api.github.com/repos/godotengine/godot/milestones{/number}", "description": "Godot Engine \u2013 Multi-platform 2D and 3D game engine", "keys_url": "https://api.github.com/repos/godotengine/godot/keys{/key_id}", "open_issues": 2733, "compare_url": "https://api.github.com/repos/godotengine/godot/compare/{base}...{head}", "ssh_url": "git@github.com:godotengine/godot.git", "license": null, "html_url": "https://github.com/godotengine/godot", "commits_url": "https://api.github.com/repos/godotengine/godot/commits{/sha}", "open_issues_count": 2733, "stargazers_count": 12158, "branches_url": "https://api.github.com/repos/godotengine/godot/branches{/branch}", "full_name": "godotengine/godot", "forks_url": "https://api.github.com/repos/godotengine/godot/forks", "score": 145.4364, "deployments_url": "https://api.github.com/repos/godotengine/godot/deployments", "contributors_url": "https://api.github.com/repos/godotengine/godot/contributors", "homepage": "https://godotengine.org", "contents_url": "https://api.github.com/repos/godotengine/godot/contents/{+path}", "has_downloads": true, "collaborators_url": "https://api.github.com/repos/godotengine/godot/collaborators{/collaborator}", "created_at": "2014-01-04T16:05:36Z", "git_commits_url": "https://api.github.com/repos/godotengine/godot/git/commits{/sha}", "releases_url": "https://api.github.com/repos/godotengine/godot/releases{/id}", "private": false, "pulls_url": "https://api.github.com/repos/godotengine/godot/pulls{/number}", "git_tags_url": "https://api.github.com/repos/godotengine/godot/git/tags{/sha}", "notifications_url": "https://api.github.com/repos/godotengine/godot/notifications{?since,all,participating}", "language": "C++", "updated_at": "2018-01-03T03:26:52Z", "has_wiki": false, "downloads_url": "https://api.github.com/repos/godotengine/godot/downloads", "hooks_url": "https://api.github.com/repos/godotengine/godot/hooks", "languages_url": "https://api.github.com/repos/godotengine/godot/languages", "default_branch": "master", "labels_url": "https://api.github.com/repos/godotengine/godot/labels{/name}", "url": "https://api.github.com/repos/godotengine/godot", "has_pages": false, "tags_url": "https://api.github.com/repos/godotengine/godot/tags", "clone_url": "https://github.com/godotengine/godot.git", "archive_url": "https://api.github.com/repos/godotengine/godot/{archive_format}{/ref}", "has_issues": true, "issue_comment_url": "https://api.github.com/repos/godotengine/godot/issues/comments{/number}", "subscription_url": "https://api.github.com/repos/godotengine/godot/subscription"}, "moderator": {"flagged": false, "account": "manishmike10", "reviewed": true, "pending": false}, "format": "markdown", "platform": "github", "tags": ["utopian-io", "tutorial", "philippines", "steemph", "ocd-resteem"], "community": "utopian", "type": "tutorials", "pullRequests": [], "links": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1514918972/rpjb6ht0h6xxuzsxxe4x.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920464/uf4znintim9xmuo3cmif.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920480/jctomrwrownebbvvnoir.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920503/ozmcg8dydxzpoyjxy4jx.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920519/g752rscekjooshjrbzez.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514920551/fcoe1capn8p8plbozqm4.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927901/fzeiwxtpxahjdqjmybcf.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927907/ruaaqwdqigeb4ezfuez3.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927927/evmhau7xsy0tqa9xde8d.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927938/c7zks4ijyqwave8upoeq.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514927956/dksvbuq1gdafvxu3z2gu.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514944707/oabk5ggp8uwr5tz2grno.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514944835/tdorxexmd1wsflpgcg4w.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514945107/wp9qkbm6c9xglt3duw4j.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514945266/nwpaxvhxrcf6glthi35g.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514947538/a1vtxnw19yzh2h7e3xvu.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514948699/tz1tlely9xubebs5yrpg.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1514950201/jyh3iyp1tfyfhem9mdnj.gif"], "app": "utopian/1.0.0", "users": ["rye05"], "image": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1514918972/rpjb6ht0h6xxuzsxxe4x.png"]}"
created2018-01-03 03:35:21
last_update2018-01-04 06:49:18
depth0
children6
net_rshares2,567,587,652,497
last_payout2018-01-10 03:35:21
cashout_time1969-12-31 23:59:59
total_payout_value17.728 SBD
curator_payout_value6.383 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length4,189
author_reputation24,926,807,893,271
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (38)
@biyanoor ·
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
properties (22)
post_id23,227,948
authorbiyanoor
permlinkre-rye05-godot-game-engine-tutorial-how-to-create-a-press-start-button-20180103t034859101z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["rye05"], "tags": ["utopian-io"]}"
created2018-01-03 03:49:03
last_update2018-01-03 03:49:03
depth1
children0
net_rshares0
last_payout2018-01-10 03:49:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length150
author_reputation700,737,816,490
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@minnowsupport ·
<p>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 <a href="https://discord.gg/HYj4yvw">Peace, Abundance, and Liberty Network (PALnet) Discord Channel</a>.  It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.</p>

<p>If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=102530.639667%20VESTS">50SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=205303.639667%20VESTS">100SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=514303.639667%20VESTS">250SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=1025303.639667%20VESTS">500SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=2053030.639667%20VESTS">1000SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=10253030.639667%20VESTS">5000SP</a>.  <strong>Be sure to leave at least 50SP undelegated on your account.</strong></p>
properties (22)
post_id23,231,001
authorminnowsupport
permlinkre-rye05-godot-game-engine-tutorial-how-to-create-a-press-start-button-20180103t041258406z
categoryutopian-io
json_metadata"{"app": "cosgrove/0.0.2", "tags": ["utopian-io"]}"
created2018-01-03 04:12:57
last_update2018-01-03 04:12:57
depth1
children0
net_rshares0
last_payout2018-01-10 04:12:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,770
author_reputation104,981,098,086,561
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@manishmike10 ·
$0.21
Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/UCvqCsx).
**[[utopian-moderator]](https://utopian.io/moderators)**
👍  
properties (23)
post_id23,468,125
authormanishmike10
permlinkre-rye05-godot-game-engine-tutorial-how-to-create-a-press-start-button-20180104t064923336z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-01-04 06:49:24
last_update2018-01-04 06:49:24
depth1
children1
net_rshares19,261,188,471
last_payout2018-01-11 06:49:24
cashout_time1969-12-31 23:59:59
total_payout_value0.212 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length172
author_reputation20,365,209,818,432
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@rye05 ·
Thank you very much
properties (22)
post_id23,495,222
authorrye05
permlinkre-manishmike10-re-rye05-godot-game-engine-tutorial-how-to-create-a-press-start-button-20180104t095507980z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-04 09:58:18
last_update2018-01-04 09:58:18
depth2
children0
net_rshares0
last_payout2018-01-11 09:58:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length19
author_reputation24,926,807,893,271
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@utopian-io ·
### 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. <a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER!
- <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness With SteemConnect</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a>
- Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a>

[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)

**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**
properties (22)
post_id23,805,783
authorutopian-io
permlinkre-rye05-godot-game-engine-tutorial-how-to-create-a-press-start-button-20180105t192609786z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-01-05 19:26:09
last_update2018-01-05 19:26:09
depth1
children0
net_rshares0
last_payout2018-01-12 19:26:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,425
author_reputation152,913,012,544,965
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@bacteria001 ·
Good information gathered from your post.it is so nice.  keep on moving
properties (22)
post_id23,835,757
authorbacteria001
permlinkre-rye05-godot-game-engine-tutorial-how-to-create-a-press-start-button-20180105t225247506z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "tags": ["utopian-io"]}"
created2018-01-05 22:53:03
last_update2018-01-05 22:53:03
depth1
children0
net_rshares0
last_payout2018-01-12 22:53:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length71
author_reputation73,001,760,450
root_title"Godot Game Engine Tutorial: How to Create a Press Start Button "
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000