Create a Game Interface From Scratch in Godot 3 (tutorial)

Channel:
France GDQuest
Subscribers:
292,000
Published on ● Video Link: https://www.youtube.com/watch?v=y1E_y9AIqow


Duration: 34:09
144,166 views
2,323

Make reusable game UI components and learn some of the best practices with Godot 3's UI system in this tutorial!
You'll get to use the Layout system, Containers, scene inheritance, themes...
----
Godot 3 course: https://gdquest.mavenseed.com/courses

LINKS

Open source demo: http://bit.ly/godot-3-interface-tutorial
Text tutorial in the docs: http://docs.godotengine.org/en/latest/getting_started/step_by_step/ui_game_user_interface.html

Table of contents:

0:00 Intro
0:57 Intro to project and resp design
3:32 Project overview
6:18 Create the main interface scene
4:58 Our first control node
7:12 Create the counters
11:17 Adding our ui theme
13:28 Adding a reusable default font
15:18 Create the bomb counter
16:18 The rupee counter
19:18 Bar parent scene
24:54 Life and energy bars
28:51 Assembling the interface

This video is supported by:
- Gamblify: https://www.gamblify.com/
- Pineapple Works: http://pineapple.works/
- Echo86: http://www.echo86.com/
Subscribe for more tutorials! https://youtube.com/c/Gdquest?sub_confirmation=1

Twitter ► https://twitter.com/NathanGDquest

Instagram ► https://www.instagram.com/nathan_gdquest/

This video is licensed under the CC-By 4.0 license: https://creativecommons.org/licenses/by/4.0/

You can attribute it to "GDQuest and contributors - https://www.gdquest.com/"



Other Videos By GDQuest


2018-06-22Blender Video Editing Tutorial: Power Sequencer Workflow 1
2018-06-21Godot Shader Tutorial (2): Animated Water and UV Coordinates
2018-06-20Godot Shader Tutorial (1): Intro to Shader Programming
2018-06-16🔴 [LIVE] FIRE! Godot 3 Jam gamedev (2)
2018-06-15🔴 [LIVE] FIRE! Godot 3 Jam gamedev
2018-06-13Design and Code a Title Screen in Godot 3 (tutorial)
2018-06-08Learn Video Editing in Blender: Getting started with the VSE and Power Sequencer
2018-05-31Grid, Guides, and Smart Snapping in Godot 3 (tutorial)
2018-05-24Introduction to UI Containers in Godot 3 (tutorial)
2018-05-17🔴 [LIVE] 2d Water Shader Experiments in Godot 3
2018-05-16Create a Game Interface From Scratch in Godot 3 (tutorial)
2018-05-10[News] First Intro to Programming guide out, BitSummit...
2018-05-09Getting Started with Screen Sizes in Godot 3
2018-05-01[News] Godot 3 course update 7, what next?
2018-04-25Godot 3: Finite State Machine Code Example Overview
2018-04-186 Tips to Better Organize your Godot Projects
2018-04-11Create and Animate a Simple Sword in Godot 3
2018-04-04Godot 3: AStar and Navigation2D pathfinding examples overview
2018-03-28Create a Base Character Scene in Godot 3 (tutorial)
2018-03-22[News] Arrived to Japan: back to work, new Godot tutorial
2018-03-21Godot 3 Camera Tutorial - Camera2d and Grid Snapping


Tags:
godot ui tutorial
godot interface tutorial
UX design
life bar
create a lifebar
user interface design
godot game engine
godot 3
godot 3 tutorial
godot tutorial
gdquest
game design
gamedev
learn to make games
game engine
game development
godot engine