[LẬP TRÌNH GAME VỚI ANONYVIET] LESSON 0: Introduction to Godot and Installation.

Hello everyone, today Anonyviet will guide you to program 2D ​​games using Godot Engine. The first lesson is an introduction, from lesson 1 I will guide you to program 2D ​​games with Godot Engine from basic to advanced. It’s easy to name it (:D) call me DeathGM.

I see that many of you have a passion for game programming but don’t know how to program, and then ask what is needed for game programmers, is it difficult, te le, .. So I decided to share my experience with you. friends to help those who do not know programming but have a passion for making games.

This is an open Game Engine, supporting many languages ​​such as: C++, C#, Python, Java but if you want to program with the above, you have to improve additional software and it’s difficult to install, I’ve been searching for a week and still don’t know how to install it. (@@) and users should decide to use its own language for programming and it’s a arduous process when the Tutorial is full of Western, Russian, Spanish, .. do, I swear to you When it comes to difficult parts, it hacks my brain and I don’t understand anything (:v)..Go to the main topic.

GODOT ENGINE:

-As for Godot programming is not difficult and easy, easier than unity and UE4 why? For this reason:

Advantage:

+ Better structure. Everything about sense is more Node than Unity system, simple Signals (don’t know how to explain this :v)

GDScript is easy to learn, and nothing more than necessary. Also, having the editor built into the same window is great.

+ Great 2D support. No weird flat 3D scene like Unity.

+ Small download, works on Linux.

+ Great documentation.

Defect:

+ Limited use. Few answers to questions/instructions. Asset stores are few.

+ If working in a team will be disadvantageous. If you make a team game, you should do it with Unity or UE4.

+ Weak graphics scaling. If you want to modify the graphic realism of your game to any degree, then you will have to write that part yourself.

Just talking through the speakers, you can see more at Godot Game Engine Introduction For more details:

Setting

Now we will proceed with the installation.

Step 1: No Page: https://godotengine.org/ to download. Current Version At The Time Of Writing Is 3.1.2

Step 2: Download And Unzip

Download Open Up Click Wizad To Extract To Desktop Desktop

Step 3: Open Up And Start Game Programming!

Scan: Find Your Project

Import: Upload your Project

New Project: Click to create Project Game.

-> Click New Project:

• Project Name: Project name (project that you work on)
• ProjectPath: Project save path
• Renderer: the graphics you choose to make the game

Now Choose Address Path Then Click Game Create Folder at Project Name To Create

After clicking Create folder will be like this:

Now your job is to use it!!

New in will display like this:

You choose 2D to make 2D Game!

As for the above pictures, I will explain in the next video!.

DeathGM

Okay, and welcome to the series Game programming with Godot Engine 3.2 and today I will guide you to move up, down, left, right for my first character.

Character creation

First we open the software. You pay attention in Section scene

This is where you will implement your Node. View Posts What are Nodes??

Here you can choose Other Node Or 2D sense all okay. This article I choose Other Node

Once created, it will appear below, and I renamed it World:

Next, press the sign + or press the combination Ctrl + A to create a new Node under World

And you find KinematicBody2D for myself:

Then stay KinematicBody2D select CollsionShape2D and Sprite Please

And here after creating, you have 1 Moving Characters Basic can be anything (main character, enemy,..)

KinematicBody2D: Means Kinetic Body (used to create object like a character)

Sprites: Use to create your character’s photo

CollsionShape2D: Collision shape (used to determine where to collide with another object)

In the sprite you click and drag icon.png or any other image you want to use as a character, drag into the texture.

And here it appeared:

Next click on CollsionShape 2D and stay Inspector select Shape > New RectangleShape2D

At the character’s face interface, you drag the dot on the blue line and the red dot on the purple line so that it is equal to the sprite.

Code for the character to move

So that’s it Finished character creation Next is Code.

You click KinematicBody2D and choose for yourself as the image to create the script:

Script: Where you will code and that code will apply to run the game and your character

• Language: The language used for programming
• Path: Path to save
• Load: Create scripts

And press Load.

After clicking Load, the interface of the Code writing page will appear delete all content from line 4 to line 17

Declare variable

Type yourself a code that declares a variable as follows:

Anyone who has programmed, knows how to declare a variable. ^^ It’s basic and for those who don’t know, I’ll explain as follows:

var: declare a variable to use it. VD: var tocdodichuyen, var ketqua, var huongdichuyen

So what is var conversion = Vector2() where Vector2() is ?

Vector2(): is a variable used for math in 2D and in math, you know the x, y coordinate axes, …

in here:

• x = horizontal movement
• y= straight motion
• func _physics_process is a physical process i.e. kinematicbody2D
• func _ready is process ready: when you declare a variable in ready it will be preloaded when the game loads

In physics_process, you also declare a variable as above, but it is loaded when it moves

pass: yes or no

Motion code

Code for me the following part. Here is the code right and left movement

Here I will explain the passage if . statement Please. Who has learned programming, the if statement is no longer difficult

if input.is_action_pressed(“ui_right”): is: when you press right arrow key it will move right And vice versa with elif is to the left and else: is that it will stay still after moving.

move_and_slide (move and glide): make your character move

Press F5 or F6 for a test run.

F5: run default scene

F6: run the scene being edited. VD: worldnumberone is the default scene and worldnumbervietnam is the scene being edited. When pressing F5 even in the scene worldnumbervietnam then it will run worldnumeberone if press F6 it will run worldnumbervietnam without running worldnumeberone )

If it is like this, you can edit it:

Click as picture:

We get as picture:

When you press this it will help you fix the components inside it.

And if you press the lock it will node lock back on the screen can’t move nor can’t press

Then we drag it to the middle:

Okay like this, you press the right and left arrows to see it move:

If you want up and down movement then the code is as follows:

And I have instructed you to program a basic character, then the next lesson will be about: Friction force after running, Gravity, Jumping, Ground.

Goodbye and see you in the next post.

DeathGM!

Next with the series of game programming with godot today I will guide you to the next lesson that is Gravity, Moving Surface and Jumping.

Well before you do, if you want to reopen the sence you’re working on now, look under the FileSystem section and double click on the sence you saved before and yours is saved here. World.tscn

Moving Surface: The moving surface is the part that we let our character move on it can be said to be like the road surface for us humans to walk on.

To create a surface, you do as I do and this is just the basics of the basics, if you want to create a moving surface like other games, it’s called tilemap and tileset I will guide you in the following article:

Create Node StaticBody2D under the authority of World

LIVE StaticBody I will change my name back to floor (double click to change the name) and I changed the name too KinematicBody Fort Player Please.

And also in Node Player i will create 2 Nodes To be Sprite: the photo for floor and Collsion

Collsion It is very difficult to explain here, so I will briefly explain it for you to understand. VD:

When you create a sprite without collsion then it’s just an image, a painted image. If you create 1 sprite + collection then it means it’s like if you press a bag of balls against the wall with your hand, it will collapse, that’s when there is no collsion and when there is collsion it is like inside the ball bag there is a brick then when you press the ball bag there is a brick you cannot squeeze it because the brick it is hard. Generally speaking sprite is the skin still collsion is bone in that skin.

Or you can understand collection is the frame to prevent the inner part for the sprite to work

Here StaticBody2D used for physical movement if you want to build a trap, bridge, something stationary or moving as an obstacle, use StaticBody2D.

Then you do the same Lesson 1 with Node player like this:

I will not give specific instructions, but you have to remember each post to go up.

On the floor, click on the sprite to notice the right part below the CanvasItem, then click on it Visiable > select Modulate and change the color to any color.

Here I change to black

And as the photo above you can see that sprite changed to blackn but what collsion it’s on top again sprite then you change positions collsion go up sprite or click the eye on the right collsion to hide it and when hidden you don’t need to worry because it just hides and doesn’t do anything.

And you lock it up like Node Player:

Well at the end of the post I will leave the zoom buttons with the keyboard for those of you who use a laptop without a mouse or a damaged mouse scroll button like me.

And choose floor You guys notice for me the 2 parts I’ve circled in the picture

The side dark white fruit is that it displays the grid (squares like pixels).

This grid is a bit small here, so I’ll zoom in

To zoom in, press the 3 dots next to it:

Choose the last one Configure Snaps. Change Grid Step Fort 32-32

And it looks like the picture:

You can move the floor but you can see that it is not in the correct box so Godot gave us one more function that is move in pixels.

On the one next to the one turn on pixels you click on floor and then turn it on:

Then our floor will move in pixels

And you put it down to make the floor move

Below the picture, if you pay close attention, you will see a blue umbrella, that umbrella is our screen, remember to put the floor inside this box.

Here I create more 1 the Node name is wall and there contains floor and floor I changed to 01

You set the location for floor then click on the 01 press combination Ctrl + EASY it will be duplicated and in the place of floor 01, you can pull it out if you don’t understand, look at the picture:

Doubled

Now pull out

It will come out 2

So with 2 you can do it continuously to create a longer moving floor

But before creating the floor, you need to check if the collsion is equal or not to check if you turn on the collsion of 01 and 02.

Like mine, it’s not very tight but the player still moves well. If yours is skewed, adjust it to be flat.

Now create multiple ones,

I have created it:

Run the program and you will see something like this:

Does it look pretty bad? But don’t worry you only learn the basics to do it and this is just a tutorial, but the first lesson will guide you to create 1 player and a complete tilemap and background, enemy too. .

You can move it down and it will be blocked by the floor

And that’s it, you have created the Moving Surface, followed by Gravity.

Gravitation:

When it comes to gravity, who doesn’t know 😀 the thing that helps us move easily.

To create gravity, you go to the player’s script.

Declare variable:

Declare 1 more gravity variable set it equal to 20

In physics code for me as follows

Chuyendong is what helps us move along the x, y coordinate axes: Y is down-up, X is right-left.

here chuyendong.y that is, use the variable to call the y-axis because when we declare chuyendong = Vector2() mean change allowed to use x, y axes and here we call y-axis moving down by transition| chuyendong.y += tocdo means chuyendong.y = chuyendong + inluc

and it means when change y + axis with inluc is 20 then it will move down with 20 times gravity.

And run the game:

We will see it drop and its Floor Collsion is an obstacle for our player to prevent the player from falling.

If your migration is like mine:

Then you won’t be able to move up when you press the up arrow

And next is dancing.

Dance

To Code the dance part, you will code like me.

Delete section if input up and if input down Go

And change

if input ui_left thành > elif input.is_action ui_left

And the code adds an else part:

else:

The x-axis motion is 0|| = 0 rather than += (I will write it like this for you to understand and code it and also improve your coding ability)

After the code you press F6 to run the game will see it can move right to left and after stopping moving will stand still.

Next comes the jumping part.

Declare yourself a variable as:

Nhaycao and assign it with -500

Why assign it with -500 simply because when you create the gravity variable, our player will fall along the y-axis right? So here we assign -500 so that it will move upwards against gravity when jumping to a certain height because inluc is always set to 20, so after jumping it will force your player down.

You declare yourself 1 more variable UP = Vector2(0, -1)

Variable UP This is a variable that allows you to jump to 0, -1 || 0 is the x-axis, -1 is the y-axis

Next, give me the code for the part like the picture:

if is_on_floor which means when you are on the floor (the floor we created) and only when on the floor it can do it.

if input ui_up Well, if you read the previous posts, you already know

 chuyendong.y += nhaycao To be: change call y-axis and assign it with variable haycao when you press the up arrow key And When assigning it jumps why? Then I explained in the declaration of the variable nhaycao

Ah in the move_and_slide() more for me UP

Note:

Some notes when coding:

In the if statement you can notice the character >| The blur to the right of the command is what sorts the commands

That is, the if statement that you enter the line to code without >| then it will not execute eg this is not done

>| if

>|Chuyendong = 0

Then it failed to execute and reported an error

And if like this:

>| if

>| >| chuyendong = 2

Then it will work

How to move the sence and zoom keys for anyone who has a broken mouse wheel or uses a laptop:

• Ctrl + – (the – sign): zoom out
• Ctrl + + (the + sign there): zoom in

Middle click to move around or right click

Here you will see 3 white ones

• 1st one (4 those arrows): move Sprite
• 2nd one: Rotate the Sprite or press Ctrl to rotate
• 3rd one: Zoom in or out of the Sprite

That’s it, the next lesson will be About Tilemaps and Tilesets, and then the character’s movement will be.

DeathGM!

Next in the series Game programming with Godot I will teach you about tilemap and tileset and use it instead of moving surface. So what are Tilemaps and Tilesets?

• Tilemap: tilemap is a grid of brick used to create the map (map) for the game. Or in general Tilemap used for design level yours or can be understood as design sense your house, traps, clouds…
• Tilesets: is the library of tilemap. If you don’t understand, you can understand as follows. Tileset is the power supply brick for tilemap your.

Here is a picture of tilemap & tileset:

You can download assets that Anonyviet has provided here, you can either use the self-created version or download it online.

Download Link

(Backup)

How to create Tilemaps and Tilesets

First you download the asset and put it in the folder where the project is saved:

Then you create yourself a new sense by clicking plus next to tab World

And make yourself one node, 2D or Black Node All is fine, can’t use User or 3D. Oh and don’t save it

Open section tileset out and toss it in sense.

Zoom up if you see a blurry image, do the following:

Click import tab next to sense

Select 2D pixels then press Reimport it’s done

Next, click on sence in the left corner of the screen, down to the section Convert to and choose tileset:

You can save it for yourself anywhere but remember to name it .tres behind you

Close the sense you just finished.

LIVE World create Node new name is Tilemap

Then drag the part Tile sets just finished go to the right place of Tilemap (as shown below)

And okay

Next, click on Tile sets

Click on the red circle, the new place tileset in there.

Then select the one with the picture by clicking on it

And you will see 1 tileset right in front of you

And the pixel it is is 32 so it’s a bit big now I will adjust it down to 16×16 by the following way:

Click on the yellow box in general, inside the yellow box, click when it appears tileseteditor tab is to be.

Look to the right, Adjust Step x 32, y 32 > x 16, y 16

And you can see that the tileset fits the tile very well

You click New Atlas and zoning like the photo

That is used to create a group of tileset

And we continue to create until we run out, after zoning, press New Altas to make a new one.

And I’m done:

Click Tilemap

Notice it shows up tile set that we just circled

But you can see some that don’t have pictures.

Complete Tilemap Design

To change the image, do the following:

Go back to the old part choose 1 Atlas

Select item Icon

And click any in that frame, it can be used to classify tileset

However, when done, but your tileset is still not available Collsion So now you have to create it.

Select Collsion

Select a box and then press the blue square above, near the trash can and next to the arrow

Okay like this

Then click on another box

And keep doing it until it’s done

For the squares that have a cross-section, do the following:

Select the one next to the square

Click to select 2 corners as shown, if you try to click in another direction to round like the picture, it won’t work

To round, do the following:

Turn off the one like the picture

And do

Please click to connect the points

Let’s finish it now

I’m done:

Now the next thing is level design

Press tile map to come back

Remove Node wall Go

Correction pixels become 16

When you try to place tilesets down will see it inverse ratio with sense right

So how to fix the solution just resize the tileset by clicking O Cell on the right tab

Change 64×64 wall 16×16 = with the size we created.

Your next task is to design it:

Looks good not too bad

That’s it, creating the map in the game with tilemap and tileset. In the next episode, I will guide you to create characters ^^. Bye

DeathGM!

Next in the series Game programming with Godot, today I will guide you to create a character tracking camera. When the character moves on the screen, we will easily follow our character.

Let’s get started:

Camera

In the previous post you did, you will see when running the game it will look like the picture

And this is after the camera

How to create a character tracking camera

So today I will guide you to create a camera for your character.

First in Player you find and create for yourself Node Camera2D

Then you zoom out to notice that you will see 2 squares:

• 1 piece below is incomplete.
• the one above is complete and The complete one is your camera frame.

If you run the game it stays the same so we need to edit again settings of the camera

Open your own section Limit beside setting camera2d

What is Limit? Limit is the limit of the camera, for example left is the coordinate that it will go to the left

To make it easier to understand, please pay attention to the picture below

The vertical green line is the number 0 and that is coordinates x and the red line going to the left is y . coordinates

VD: You want the camera move to 0 x-axis is to stop and not move, you can edit it in the box Limit part left is 0

Ah must turn on Current it just works

When you turn it on, you will see a change and if you turn it on, you won’t see anything so let’s continue

Part top I also let 0 so that it doesn’t go over the red line

Part Botton I let 325 and how to bottom setting

Friend zoom up the part you want it to be limited to bottom

You guys keep looking for landmarks and then zoom When you go up, you will see the number in the left column and then fill it in bottom like photo

And then adjust the zoom X 1 – Y 1 -> X 0.5 – Y 0.5

Run the game and you’ll see the difference

And you can see our game screen has changed

If you think it’s too big, adjust it 0.6- 0.8 Please. If you do not want to adjust but see it as large, just adjust the Player to be smaller.

And one more part is that if you pay attention, you will see when you move, the camera moves along and in godot also supports you to add a mode that when you move a segment, the camera will move.

That is the part: Drag Margin H – Drag Margin DRAW

Click on those 2 you will see the difference.

And when you move, you will see that when you reach a position, the camera will move according to the character, so is there a way to adjust the position limit so that the camera will move the character? And of course there are you guys looking for yourself Drag Margin live settings camera

And it will not show a frame telling you how limited it is, so you can turn it on for yourself as follows:

Find Editor > enable Draw Drag Margin okay and it will be displayed and you can edit it as you like

So, I have finished the guide to monitoring the character screen by configuring the Camera. You should see from post 0 Go to this post for easy steps.

As you know every game has a character and most 2D games have a main character who is generally a character you control for easy understanding. Today I will guide you to create Character Movement. This article consists of 2 parts as well as 2 types of character creation. Why are there 2 parts? Because it depends on your assets because most of them have 2 types of assets, 1 is the movement in each image and the other is the movement that is all in 1 image.

You need to study from lesson 0 to this lesson to understand all the instructions when Game programming with Godot Please.

And without further ado, let’s get started

Character Animation:

I will guide you to do type 1 first.

Start:

First: Delete Sprite old and created for myself AnimatedSprite

AnimatedSprite: A node that can use multiple textures to animate

Here I guide you to use my assets and if any of your assets are different from mine but it is of the same category as below, it can be applied. It has many separate photos

Player download link

Please download it and put it in the game folder

Next we will create the character

You click on AnimatedSprite and change the name to Player then on the right of the Player there is a setting column in the Frames section to create a new Frame for you.

Then click on the newly created SpriteFramse will display a table (click like a tilemap).

Here you can see the word default on the left, delete it and create a new animation

Click like photo to create new Animations

Make yourself 4 of them Idle – Run – Jump – Fall

In Idle, please drag them all in the folder

Do the same with the other parts

And in the Jump section

Watch out for anim8 and anim11

Anim8 is jump and anim11 is fall why? Because 8 is when you jump up and 11 is when you land, you can do the same with other assets if you don’t understand, you can inbox me or go to Group Anonyviet Community to ask.

If your character is blurred like the image from Import back to 2D pixels

Please change them one by one in the FIlesystem section

After editing, our character will be sharp again

And we’re done with Character Creation Next is Coding

And you adjust the collection for yourself

Game character movement code

And I will guide you to coding for Character Motion. Your game character can move according to the keys you programmed.

No part script > character

Code for me to add the following part

Line: 12 – 13 – 16 – 17 – 20 – 24 -25 -26- 27 – 28

And below I will explain to you

$Player: is that you call Node in the script using $ to call any Node in a Node

$Player.play(): you run the Animation you did just now

$Player.flip_h: is it helps you turn left, right if you try to remove these 2 lines and then run the game, move left + right, you will see something different than when you don’t remove these 2 lines

From line 24 > line 28 is the code that helps you to jump and still apply animations.

After running the game we will have a complete character:

In the next episode, I will guide you to create friction to control your speed, when you move, you will see it running fast, so there will be 1 more friction.

Continuing with the game programming series in this article, I will guide you to create friction to control speed and after moving. After you have code for the character to move, you need to control the speed of the character. In which friction will slow down the character

Notes are used to comment on what line of code you will write about. This helps later when you read the code, you can understand the effect of that code.

When your line of code is small, it may be okay, but code that is a few hundred lines, without notes, it is really a nightmare :<

To take notes, you just need to add the # sign and then write the text out for example: #dichuyen, #jump,..

Code Friction force control character speed

In this part we will have to code quite a lot

You declare the entire variable for yourself

–>

Const: full is a function that anyone who learns basic programming will know already. const is a function that fixes the value of your variable, for example: const conga_trongchuong = 5 then you known conga_trongchuong this is always equal to 5 cannot be changed, if you want to change the version, you must convert from const to var. And in the photo above, it’s okay to let Var all out.

There are a few new variables, you can understand by looking at the name

Next we code the speed reducer

Current:

chuyendong.x += tocdo -> chuyendong.x = min(chuyendong.x+giatoc, tocdo_toida)

chuyendong.y-= tocdo -> chuyendong.x = max(chuyendong.x-giatoc, -tocdo_toida)

–>

chuyendong.x = min(chuyendong.x+giatoc, tocdo_toida): ie: min and max always go together this you don’t need to care, just know min and max 2 this is when the right movement is min the left movement is max.

chuyendong.x is that you call the variable x-axis positive (positive is right, negative is left) + with giatoc being the beginning it will accelerate at 20 and tocdo_toida is the maximum speed when you move

chuyendong.x = max same as above but only reversed.

Declare yourself below process_physical 1 variable as masat assign it = false (type bool)

Next in the else: the movement you delete chuyendong.x = 0 replaced masat = true

–>

Add your own code:

View Full Code:

extends KinematicBody2D

var chuyendong = Vector2()
const UP = Vector2(0,-1)
const tocdo_toida = 100
const giatoc = 50
const trongluc = 20
const nhaycao = -500
func _physics_process(delta):
    chuyendong.y += trongluc
	var masat = false
	# di chuyen cua nhan vat
	if Input.is_action_pressed("ui_right"):
		chuyendong.x = min(chuyendong.x+giatoc, tocdo_toida)
		$Player.play("Run")
		$Player.flip_h = false
	elif Input.is_action_pressed("ui_left"):
		chuyendong.x = max(chuyendong.x-giatoc,-tocdo_toida)
		$Player.play("Run")
		$Player.flip_h = true
	else:
		$Player.play("Idle")
		masat = true
	#nhan vat nhay
	if is_on_floor():
		if Input.is_action_just_pressed("ui_up"):
			chuyendong.y += nhaycao
		if masat == true:
			chuyendong.x = lerp(chuyendong.x,0,0.2)
	else:
		if chuyendong.y <0:
			$Player.play("Jump")
		else:
			$Player.play("Fall")
		if masat == true:
			chuyendong.x = lerp(chuyendong.x,0,0.4)
	chuyendong = move_and_slide(chuyendong,UP)

Code explanation:

if masat == true:

chuyendong.x = lerp(chuyendong.x,0,0.2) : if masat = true means if masat is true then it will execute the inner if masat = true.

In the previous post you have coded 3 parts to move if – elif – else where if = right, elif = left, else = stand still and we leave the function masat = true in else which means that when running masat will = false (maybe) understand true is 1 false is 2) if and elif so it won’t appear and when the character stops masat will = true because we declared in else:

lerp(chuyendong.x,0,0.2) :chuyendong.x call the x-axis transfer function (here there will be no right or left axis because right and left apply when you move left or right and this is stationary) at the end of the run action it will run the following line as 0.0.2 (0 is y axis assign it = 0)(0.2 is x axis you can assign it = whatever but the smaller the bigger the friction) it will push the player 0.2m more after moving.

If you find the speed slow, you can change it and note that you can adjust any parameter because it’s your game project, not yours and the owner, just showing you how to make a basic game for you to do.

And that’s it ^^ in the next lesson will be moving between one sence to another, which can be roughly understood as moving from one stage to another.

Continuing the series, today ad will continue part 7 which is moving between levels. Can be understood as moving back and forth to edit the senses. To learn about sence, please review from Lesson 0 of Game programming series with Godot. As for the level, do you guys play the game? mmorp then understand it is a level but in this it is a game screen. For example, if you play argry bird after stage 1, you will see that stage 2 is the Level I mentioned here. Without further ado, let’s get started.

Create New Sense

The first step is to create a new sense for yourself with the button “+” next to the sence tab World

Okay like this:

Choose for yourself Other Node then press enter.Note select other node then press enter don’t press anything else. It will give you the black button

And we’ll need to save Node Player and Node Tilemap about as .tscn to be able to put it into another sence without redoing it. And the like Node other like enemy nice trap

By the following way:

You right click on Node Player And Node Tilemap Choose for yourself Save Branch As Sense

That means it will save the node you just selected as tscn and in this tscn you can put your node in any sence without doing another one.

You can leave it anywhere. But remember to create a folder containing files like this for compactness.

Here I will save it in the folder tscn

In the folder you will see there 2 tscn just saved as Tilemap and Player

And next is Import Tscn enter sense

Choose the one in the picture:

==>

And here you will see there are 2-4 node It depends on your tscn. Mine has 3:

• 1 is Player.
• 2 is TileMap.
• 3 Is Level 1 is World

You guys Instance 2 is Player and TileMap come in

And you’ll see it’s like old sense

Note: In tilemap you may not need to save it as tscn anymore, just create a tilemap node and then enter the tileset and design a new level, if you want this sence to be different

Well, you guys like to save this sence 2 for yourself as level 2 and save it in a certain folder, mine is in the sence folder and Click Ctrl + WILL to save

And below is my level 2. Next we will create an object that moves between levels

Creating Sense Move Object

To move between levels you will need to create a Move Sense Object. First, you create your own node area2D live sense 1 Please

Add me 2 in Area 2D

In the Sprite section, you put your photos in and you can find them online

And here is my picture:

After running the game

Next, you create yourself a new script in Area2D

Then the code is as follows

Here below:

Part export(String,FILE,"*.tscn") var next_world this is the part it will take this out of the node’s settings and you can put tscn in there for it to point to

get_overlapping_boides is a function that helps you check the bodies inside collection bodies enter collsion it will do something.

for body in boides: for body in boides (just declared above) means that if a body is inside the boides it will execute the if statement below. this body is a command of this node, the body here is kinematicbody and staticbody

if body.name == player: body.name ie body and then get its name if by Player it will execute the command below. Well, the “Player” is the name of your Player node. If your Node player has any name, you must replace it with “Player” to be effective.

get_tree.change_sence this is an order of Godot help you move from sense this is sense other (next_world) is the function we declared above export.speak for easy understanding in Export it will allow you to give 1 sense Go in and then below if player touch the Object Move Sense then it will move Player arrive sense in the section Export

Next, you save it and return to the sence, you will see there Next World live Node Area2D Right side of the Place Script Variables.

Next, you click on the folder next to next world and choose the second sence

And it will be

Ah and we have to set collection for area2D Then the Player can move to another level

I have set it up and it can move to another level

And if you want better, you can do the following:

Set limit camera How much is it on the right, then adjust collsion of the sprite area2d behind the camera limit. When the camera reaches the number you set it will no longer move and after you move behind the limit camera player will be moved.

Continuing the series, I will guide you to create the background for the sence of the Game. Background (background) is very important in decorating the game to avoid boredom. Normally, you will see the background inside any game, right, if you don’t understand, you can see the picture below, which I’m sure most of you already know.

In the picture on the Background is the picture behind those planes, if you don’t understand it, you can understand it as the background image for the game, at this point, everyone will understand.

So now let’s get started.

Create Background For Sense

To understand this article, you should read from Lesson 0 of the series Game programming with Godot for basic knowledge.

To make this background is not very difficult, just need a few nodes.

Prepare:

+ 1 background is larger than your Window Game size or if not equal to your background, you can use 2 backgrounds or clone into 2 or reduce the map.

Here I have a background, you can go online to record the game2d background and then click on the image to come out and save it to your computer, but remember to see which image is larger than the game to see the size of the game window you make. as follows.

Click Project > project settings

Scroll down to find and select Window

Part:

• Width: width
• Height: width

So we will have 1024×600 so what do you find equal or more than 1 bit smaller is ok.

So now we’re going to start

The first step into a scene you need to add a background

Find and choose for yourself ParallaxBackground and ParallaxLayer is a child node belonging to ParallaxBackground

And add one for me Sprite is a child node of ParallaxLayer or drag the background in quickly.

And Remember To Create Background we need 2 nodes ParallaxBackground and ParallaxLayer These 2 nodes always go together in creating background.

And drag the image onto the sprite’s texture

And here’s when we dropped in

Next let’s adjust it to fit the window game

Like this or whatever as long as you feel ok

Now run the game

It looks blurry so we’ll import 2D again.

Note: If you are blurry, please re-import, if not, you don’t need to re-import

Import 2D pixels or 2D

Save background

Next we will save it under tscn so that we can put it in another sence without creating a new one.

Well, remember to lock the scene, lock it by pressing the padlock icon and the button next to the one with 4 white dots and a cross in it.

Save

Name to save

And instance it with the instance button as shown below (blue button)

Select the background just Saved

And so we have the background for another sence easily

In the next lesson 9 will be how to create the menu ^^

Deathgm!

FPS (frames per second) aka frames per second. The more frames your computer displays in a second, the smoother the game will be. FPS depends on network speed and computer hardware. To display the FPS of the Game programmed by you with Godot Engine, please follow the instructions below.

Display FPS for games using Godot Engine

FPS

First of all, you have to create 2 Nodes for yourself CanvasLayer and label. Label is a child node of canvaslayer

And I renamed the label -> fps label

You create yourself a script in Node World

In the declaration section, you declare yourself as follows:

onready var fps_label = get_node("CanvasLayer/fps_label")

get_node() is to get your node address

onready var is to declare a variable that is always available eg like this:

• The normal var is a gun without ammo
• Onready var is a gun that is ready to be loaded
• Declare var in _physical_process then only when physical_process works then var it works

Add yourself a function func _process(delta):

_process(delta): is the function called on every idle frame

_ physical _process: is 1 function call on every physical frame

You can look it up in godot’s documentation: https://docs.godotengine.org/en/3.0/classes/class_node.html#class-node-process

And if you use the function _process(delta): you need to enable it in func _ready function with command set_process(true)

And back to the main part.

LIVE _process you guys type yourself

func _process(delta):

fps_label.set_text("FPS: " + str(Engine.get_frames_per_second()))

After typing and running the game, the fps will be displayed

Note: You have to change the position of the label if you want to see the fps

And you can also print FPS to debug by the following way

Project > Project Setting > Find FPS > click Debug Settings > Click Print FPS On > run the game and notice the debug will see the fps displayed