Vậy thì để trả lời cho các câu hỏi ở trên mình sẽ viết 1 bài để đánh giá khả năng của 1 Engine đó là Godot Engine.

Godot Engine

Sơ lược

Nếu nói sơ qua về Godot thì đây là 1 Engine được phát triển vào những năm 2007 của 2 thập kỉ trước, và trước đó Godot gần như là 1 Engine vô danh, ít người biết đến và dở. Nhưng rồi kể từ phiên bản 3.x đây là 1 sự lột xác hoàn toàn cho Godot với các mode, function,v.v đã được cải tiến, thêm vào và biến nó trở thành 1 Engine tiềm năng đáng để sử dụng trong thập kỉ 202x.

Có nên học Godot để lập trình Game không?

Câu trả lời của mình là CÓ, với những bản cập nhật từ phiên bản 3.x , và hơn hết là phiên bản 4.x dang được phát triển và cho ra bản alpha test trong thời điểm mình viết bài này với nền tảng công nghệ đồ họa Vulkan, nó đã biến Godot 4.x trở thành 1 Engine có khả năng tốt về 3D và 2D với sự đầu tự của các tổ chức như: Heroic Labs,Gamblify,v.v

Godot Engine đã đáng để bạn bỏ thời gian ra và sử dụng nó.

Cơ hội việc làm với Godot

Với cơ hội để làm việc với Engine này thì hầu như ở VN rất ít và có thể đếm trên đầu ngón tay nhưng ở bên ngoài nước ngoài họ đã và đang sử dụng Godot Engine này để phát triển các thể loại game 2D. Và tất nhiên trong vài năm tới thị trường game Việt Nam sẽ bắt đầu sử dụng Godot cho việc sản xuất game cho nên nếu như bạn muốn đánh cược tương lai của mình thì hãy lập trình game bằng Godot.

So sánh Godot với Unity

Unity thì chắc chắn sẽ trên kèo nhưng bù lại Godot Engine có thể làm được nhiều thứ mà Unity khó làm được.

+ Đầu tiên đó chính là thời gian làm 1 tựa game, mình đã sử dung 2 Engine này và đưa ra kết quả là Cùng 1 newbie sử dụng 2 Engine này thì việc thiết kế game với Godot sẽ nhanh hơn Unity khi mà  nósử dụng các cú pháp tương tự như Python, các chức năng như Camera,v.v đều được có sẵn để làm game.

+ Nhưng bù lại điểm thứ nhất mặc dù làm nhanh nhưng hiệu năng của Godot nó sẽ yếu hơn Unity, nhưng vẫn tùy vào thể loại game mà bạn thực hiện, nếu game 2D thì Godot vẫn nhỉnh hơn Unity 1 xíu nhưng nếu là 3D thì Godot hoàn toàn thua.

Vậy có nên sử dụng Godot Engine?

Câu trả lời của mình là CÓ, nó rất thích hợp với các indie game developer hay các studio sản xuất game muốn có sản phẩm nhanh thì Godot Engine là 1 lựa chọn thích hợp. Mặc dù vẫn còn ít các tutorial nhưng Godot vẫn rất dễ để có thể sử dụng. Hiện nay AnonyViet đã có 1 seri học Godot hơn 100 bài có thể giúp bạn tạo được 1 Game cơ bản trên máy tính. Hãy tham khảo thử nhé.

Câu hỏi thường gặp

Godot Engine có dễ học không?

Godot Engine được đánh giá là khá dễ học, đặc biệt với người mới bắt đầu, nhờ cú pháp tương tự Python và các chức năng sẵn có.

Có nhiều cơ hội việc làm khi sử dụng Godot Engine không?

Hiện nay, thị trường việc làm liên quan đến Godot Engine tại Việt Nam còn hạn chế, nhưng đang có xu hướng phát triển. Thị trường quốc tế có nhiều cơ hội hơn, đặc biệt là trong lĩnh vực game 2D.

Godot Engine phù hợp với loại game nào?

Godot Engine rất phù hợp cho các dự án game 2D và các indie game. Đối với game 3D, hiệu năng của Godot có thể kém hơn so với các engine khác như Unity, nhưng vẫn đáp ứng được nhiều yêu cầu.

Save and load

Các bước

Về các bước thực hiện mình sẽ mô tả ở bên dưới:

+ Đầu tiên, mình sẽ cần 1 autoload script mới có trọng trách là xử lý vấn đề lưu dữ liệu game và load dữ liệu game. Mình xài autoload cho nó dễ + không lằng nhằng rồi mình tạo 2 hàm đó là luu_game() và load_game() .

+Ở hàm luu_game() mình sẽ lưu dưới type ConfigFile thay vì Json file như mấy kênh Youtube hay làm bởi vì nó gọn không dài dòng như json file.

+ Khi lưu game mình sẽ có thể chọn lưu bình thường và lưu dưới dạng mã hoá. Vậy lưu mã hoá là gì? Đó là khi bạn lưu dưới dạng mã hoá file lưu game của bạn sẽ được mã hoá lại và người dùng không thể mở nó ra rồi edit nhằm việc gian lận.

+ Hàm load_game() thì mình sẽ tạo 1 biến và biến này có 2 trách nhiệm đó là vừa kiểm tra rằng file lưu dữ liệu có tồn tại và load file lưu dữ liệu.

Autoload

Mình tạo 1 script mới tên là DuLieu.

Sau đó vào Autoload và add cái script DuLieu vào.

Lưu game

Mình khai báo 1 biến const chứa địa chỉ lưu file dữ liệu. const SAVE_PATH = "user://file_dulieu.data"

File dữ liệu bạn có thể lưu với các đuôi khác nhau như data,ini,abc,jqk,cfg,file,… Và tuỳ vào bạn.

Về phần hàm:

func luu_game():
    var config = ConfigFile.new()
    config.set_value("player","diemso",PlayerData.diemso)
    config.set_value("player","unlocked_maps",PlayerData.Unlocked_map)
    config.save(SAVE_PATH)

Mình tạo 1 file Confìg mới rồi mình đưa dữ liệu điểm số và unlocked maps vào file đó.

Ở set_value() sẽ có 3 praramters:

+ Cái đâu tiên là Section: Đây là khu dữ liệu,mỗi khu dữ liệu sẽ có các giá trị của nó.

+ Key: Mình gọi đây là giá trị lưu trong 1 Section, nếu nhìn đoạn code trên thì sẽ thấy key ở đây là diemso,unlockedmap.

+ value: Đây là giá trị bạn cần gán cho key.

Sau đó, save file lại.

Load Game

func load_game():
    var config = ConfigFile.new()
    var check_file = config.load(SAVE_PATH)
    if check_file != OK: # Neu file khong bi loi hoac khong co
        return  # Huy bo load file
    PlayerData.diemso = config.get_value("player","diemso")
    PlayerData.Unlocked_map = config.get_value("player","unlocked_maps")

Ở load game thì mình khai báo 1 biến là check_file rồi gán nó = confg.load(SAVE_PATH) khi chạy thì config nó sẽ load file + với gán file vào check_file.

Rồi mình check nếu file OK thì tiếp tục và sau đó lấy giá trị từ save file.

Menu

Ở cái Menu mình sẽ thêm 2 dòng.

func _ready():
    DuLieu.load_game()

Mình gọi DuLieu sau đó thì load_game() để khi mới chạy game lên thì mình load dữ liệu luôn.

EndLevelMenu

Ở EndLevelMenu mình sẽ loại bỏ code tính điểm số và thêm nó vào trong KhuVucDiChuyen cho gọn.

extends CanvasLayer


onready var level = get_parent().get_node("KhuVucDiChuyen")
func _on_NutLevelKeTiep_pressed():
    get_tree().paused = false
    get_tree().change_scene(level.LevelKeTiep)
    pass # Replace with function body.

func _on_NutChoiLai_pressed():
    get_tree().paused = false
    get_tree().reload_current_scene()
    pass # Replace with function body.


func _on_NutVeMenu_pressed():
    get_tree().paused = false
    get_tree().change_scene("res://Scences/Map/LevelMap.tscn")

KhuVucDiChuyen

Trong đây, mình sẽ tính toán hết mọi thứ rồi lưu dữ liệu lại.

extends Area2D


export (String,FILE) var LevelKeTiep
onready var endlevelmenu = get_parent().get_node("EndLevelMenu")
var diemso
onready var player = get_parent().get_node("Player")
onready var map = get_parent().name
func _on_KhuVucDiChuyen_body_entered(body):
    if body.name == "Player":
        endlevelmenu.get_node("EndLevelMenu").show()	
        get_tree().paused = true
        PlayerData.Unlocked_map[get_parent().name] = true
        diemso = int( float(player.dongxu /player.max_dongxu.size()) * 100)
        if diemso > PlayerData.diemso[map]: 
            PlayerData.diemso[map] = diemso
        DuLieu.luu_game()

Kết quả

Sau khi chạy game bạn chơi xong 1 ván rồi thoát ra vô lại sẽ thấy nó được lưu và load dữ liệu game.

Bạn có thể thấy file_dulieu đã được tạo ra.

Bạn có thể tìm thấy vị trí lưu file ở Project -> Open Projec Data Folder

Tổng Kết

Vậy là Series lập trình game Platformer với Godot Engine đã hoàn thành, nếu như bạn nào khong hiểu thì có thể lên cộng đồng hỏi nhé.

Mình sẽ để project ở bên dưới:

DeathGM/platformer-game-voi-godot-engine

Câu hỏi thường gặp

Tôi có thể lưu dữ liệu game ở định dạng nào?

Bài viết sử dụng định dạng ConfigFile vì tính gọn nhẹ. Bạn cũng có thể dùng các định dạng khác như data, ini, abc, jqk, cfg, file, …

Làm thế nào để mã hóa dữ liệu game khi lưu?

Bài viết không đề cập chi tiết về mã hóa, nhưng gợi ý rằng việc mã hóa có thể được thực hiện để ngăn chặn người dùng chỉnh sửa dữ liệu game.

Dữ liệu game được lưu ở đâu?

Dữ liệu game được lưu trong thư mục Project Data của dự án Godot. Bạn có thể tìm thấy nó bằng cách vào Project -> Open Project Data Folder.

Âm thanh

 Lấy âm thanh

Để lấy âm thanh thì ở đây mình sẽ không cần đưa bạn link tải, bạn chỉ cần vô Asset lib tìm Kenney là nó sẽ ra.

Bạn có thể chọn 1 trong 2 cái đều được.

Rồi nhấn download để tải nó xuống.

Tải xong rồi thì bạn nhấn vào Install để cài đặt.

Nó sẽ hiện lên 1 giao diện hiển thị địa chỉ của addon đó rồi nhấn Install

Sau đó 1 thư mục mới đc tạo tên addons và nó chứa âm thành mà mình vừa cài ở trong đó

Về các file âm thanh nó cũng được ghi thêm tên đằng trước để bạn có thể nhận biết nên xài cái nào và cái nào.

Thêm vào scene

Sau khi cài đặt thành công thì mình tiến hành thêm nó vào game.

Kiếm cho mình node AudioStreamPlayer2D

Ở đây mình đang add vào scene Menu.

Ở đây mình đang làm Audio khi nhấn vào nút Bắt đầu cho nên mình sẽ tìm sound có tên click và kéo nó vào dòng Stream của Audio Stream Player 2D.

Sau khi kéo xong thì bạn có thể gọi nó ở trong code với hàm play()

extends Control
func _on_NutBatDau_pressed():
    $AudioStreamPlayer2D.play()
    yield(get_tree().create_timer(0,1),"timeout")
    get_tree().change_scene("res://Scences/Map/LevelMap.tscn")
    pass # Replace with function body.
func _on_NutThoatGame_pressed():
    get_tree().quit()
    pass # Replace with function body.

Dòng code ở trên mình thêm dòng $AudioStreamPlayer2D.play() là mình sẽ chạy cái âm thanh khi bấm nút bắt đầu

yield(get_tree().create_timer(0,1),"timeout"): là mình tạo 1 cái timer với thời gin 0,1s sau khi hết 0,1s nó mới chạy lệnh change_scene(). Ở đây, mình dùng lệnh này là bởi vì khi mình nhấn chỉ thêm dòng play() rồi change_scene nó sẽ không chạy âm thanh ( tuỳ máy có máy không) nên là mình sẽ thêm lệnh yield để sau khi nó chạy âm thanh rồi mới change scene.

Bạn có thể không cần thêm yield() nếu như cái bạn muốn chạy âm thanh không cần phải change scene.

Mình sẽ làm thêm 1 cái nữa ở scene PauseMenu.

Bạn thêm âm thanh vào.

Sau đó ở hàm hiện âm thanh menu mình có:

func _on_HienPauseMenu_pressed():
    
    get_node("AudioStreamPlayer2D").play()
    $PauseMenu.show()
    get_tree().paused = true
    pass # Replace with function body.

Rồi sau khi bạn nhấn và chạy thử sẽ thấy nó có âm thanh click khi nhấn vào.

Tổng Kết

Vậy trong phần này mình đã hướng dẫn bạn cách để thêm âm thanh vào trong game.

Câu hỏi thường gặp

Tôi tải âm thanh từ đâu?

Bạn có thể tìm và tải âm thanh miễn phí từ Kenney.nl trên AssetLib của Godot.

Làm thế nào để thêm âm thanh vào nút trong giao diện?

Thêm một nút AudioStreamPlayer2D vào scene của bạn. Kéo thả file âm thanh vào thuộc tính “Stream” của nút. Gọi hàm `play()` của nút AudioStreamPlayer2D trong hàm xử lý sự kiện nhấn nút (ví dụ: `_on_NutBatDau_pressed()`).

Tôi cần sử dụng lệnh `yield()` khi chơi âm thanh không?

Bạn chỉ cần sử dụng `yield()` nếu bạn cần đảm bảo âm thanh được phát hoàn toàn trước khi thực hiện các hành động khác, đặc biệt là khi chuyển scene. Nếu không cần chuyển scene, bạn có thể bỏ qua lệnh này.

Chứ không phải là bạn thích nhấn vô level nào là chơi level đó.

Unlock level

Thuật toán

Về phần này thì mình sẽ có thuật toán như sau:

+ Mình sẽ thêm 1 biến ở PlayerData để lưu trữ dữ liêu là đã mở khoá map nào, có cấu trúc như bên dướ:

var Unlocked_map = {
    "Map1": false,
    "Map2":false,
    "Map3":false,
}

+ Sau đó ở KhuVucDiChuyen sau khi Player đã đến đó tức là thắng game rồi ý thì mình sẽ set Map đang chơi ở biến Unlocked_map thành true

func _on_KhuVucDiChuyen_body_entered(body):
        PlayerData.Unlocked_map[get_parent().name] = true

+ Sau đó, ở scene Level mình sẽ check nếu như nhấn vào cái Level đó và cái Level đó nếu như là Map1 thì nó sẽ chơi Map1 vì đây là map đầu tiên mình cần chơi mà.

+ Rồi tiếp đó nếu như không phải Map1 tức là bạn đã nhấn vào Level 2 trở lên rồi mình kiểm tra nếu như Map trước Map mà bạn nhấn vào đã hoàn thành thì sẽ chuyển sang chơi Map đó.

VD: Nếu mình chưa chơi Map1 thì Unlocked_map[“Map1”] đang = false, mình nhấn vào Level 2 rồi Level2 kiểm tra nếu như Unlocked_map[“Map1”] đang = false thì tức là bạn chưa hoàn thành nó và chưa thể chơi level2 và ngược lại.

PlayerData

extends Node


var diemso = {
    "Map1": 0,
    "Map2":0,
    "Map3": 0,
}
var Unlocked_map = {
    "Map1": false,
    "Map2":false,
    "Map3":false,
}

Mình add thêm 1 từ điển chứa dữ liệu các map đã mở khoá.

KhuVucDiChuyen

extends Area2D


export (String,FILE) var LevelKeTiep
onready var endlevelmenu = get_parent().get_node("EndLevelMenu")

func _on_KhuVucDiChuyen_body_entered(body):
    if body.name == "Player":
        endlevelmenu.get_node("EndLevelMenu").show()	
        get_tree().paused = true
        PlayerData.Unlocked_map[get_parent().name] = true

Khu vực di chuyển thì mình bỏ thêm 1 dòng nữa ở cuối.

Và nếu như bạn để ý trong phần trước mình có để mấy dòng code thêm điểm số, nhưng mà để thêm điểm số vào PlayerData thì nó lại phải bấm 1 trong 2 nút. Vậy, nếu như người chơi vừa đi vào và hiên menu chiến thắng xong out game thì sao? Thì chắc chắn là phải chơi lại từ đầu rồi.

+ Cho nên mình sẽ đặt 1 bài tập nho nhỏ ở đây là chuyển dòng code thêm điểm số vào PlayerData ở EndLevelMap qua KhuVucDiChuyen.

Level Scene

Ở Scene level thì mình chỉ thêm code vào hà Hinhtron_pressed():

func _on_HinhTron_pressed():
    var level_truocdo = int(Level) - 1
    if MapName != "Map1":
        if PlayerData.Unlocked_map["Map"+ str(level_truocdo)] == true :
            get_tree().change_scene(Scene)
    else: 
        get_tree().change_scene(Scene)

Mình tạo thêm 1 biến level_truocdo và mình thêm int() ở Level là vì cái biến Level đang được khai báo là String nếu như bạn không thêm int vào thì nó sẽ là String – Integer và gây ra lỗi.

Kết quả

Bây giờ nếu bạn chạy game và bấm vào level sẽ thấy là nó không chuyển qua scene level 2 nữa mà phải hoàn thành level 1.

Vì cái này mình không biết nên lấy hình ảnh kiểu gì cho bạn xem nên là đọc chay nha @@.

Tổng Kết

Ở phần này mình đã hướng dẫn bạn cách để có thể thêm tính năng mở khoá level rồi nhé. Ở phần sau thì sẽ add âm thanh.

Câu hỏi thường gặp

Làm sao để lưu trữ thông tin level đã mở khoá?

Sử dụng một biến từ điển (dictionary) trong PlayerData, ví dụ: Unlocked_map = {"Map1": false, "Map2": false, "Map3": false}. Mỗi key là tên level, và value là boolean (true nếu đã mở khoá, false nếu chưa).

Khi nào thì một level được đánh dấu là đã mở khoá?

Khi người chơi hoàn thành level (ví dụ, chạm vào vùng “KhuVucDiChuyen”), giá trị tương ứng trong Unlocked_map sẽ được cập nhật thành true.

Làm thế nào để kiểm tra xem người chơi có thể chơi level tiếp theo hay không?

Trước khi chuyển sang level tiếp theo, kiểm tra xem level trước đó (level_truocdo) đã được mở khoá hay chưa (PlayerData.Unlocked_map["Map" + str(level_truocdo)] == true). Nếu chưa, không cho phép chuyển scene.

Điểm số

Cách giải quyết

Về cách xử lý vấn đề của phần này thì mình sẽ giải thích như sau:

+ Đầu tiên mình sẽ cần 1 script và script đó có thể được truy cập vào mọi nơi, script này sẽ chịu trách nhiệm cho việc lưu trữ dữ liệu cụ thể ở đây là điểm số của từng map.

+ Mình sẽ tính điểm số đạt được của 1 map ở trong script của EndLevelMenu, điểm số này nếu muốn tính sẽ cần có: (số đồng xu đã thu thập được / tổng số đồng xu trong map ) * 100.

+ Để lấy được tổng số đồng xu thì mình sẽ thêm cái scene đồng xu vào 1 group gọi là dongxu và mình có hàm get_tree().get_nodes_in_group(“dongxu) sẽ cho phép mình lấy tất cả số đông xu đang có trên scene và hàm này sẽ trả về kiểu array.

+ Rồi ở LevelMap mấy child Level1,2,.. mình sẽ gán biến SoDiem đã làm ở phần trước bằng với điểm số ở trong script chứa dữ liêu.

Autoload script

Đây là 1 tính năng của Godot cho phép bạn biến 1 script nào đó thành script autoload tức là nó luôn luôn chạy cho dù bạn đang ở bất kỳ scene nào và có thể được truy cập ở mọi nơi.

Bạn tao cho mình 1 script mới tên là PlayerData ở Scenes

Rồi vô Project -> project settings -> Autoload

Nhấn vô icon thư mục.

Tìm script vừa tạo Nhấn vô add và bạn sẽ thấy nó hiển thị ở ô bên dưới.

Add group scene đồng xu

Qua scene đồng xu

Ở bên phải bên cạnh signals bạn nhán vô group rồi gõ tên group -> nhấn add để thêm node vô group

Map

Ở scene Map1 mình sẽ add thêm 1 Node2D để chứa các node DongXu để nhìn cho nó gọn.

Rồi mình chỉnh sao cho dễ để thu thập

Bạn chỉnh đồng xu bao nhiêu là tuỳ bạn nhé không nhất thiết phải giống mình.

Player

Ở script của Player bạn chỉ cần thêm cho mình 1 biến đó là:

onready var max_dongxu = get_tree().get_nodes_in_group("dongxu")

Biến này mình dùng để xác định tổng số lượng đồng xu có trong map.

PlayerData

Ở Script autoload Playerdata mà mình vừa tạo trên nãy thì mình thêm 1 biến thuộc Dictonary tên là điểm số và nó có trách nhiệm là mang điểm số của từng map.

extends Node


var diemso = {
    "Map1": 0,
    "Map2":0,
    "Map3:": 0,
}

EndLevelMenu

extends CanvasLayer



onready var level = get_parent().get_node("KhuVucDiChuyen")
onready var map = get_parent().name
onready var player = get_parent().get_node("Player")
var diemso 
func _on_NutLevelKeTiep_pressed():
    get_tree().paused = false
    get_tree().change_scene(level.LevelKeTiep)
    diemso = int(( float(player.dongxu) /player.max_dongxu) * 100)
    if diemso > PlayerData.diemso[map]: 
        PlayerData.diemso[map] = diemso
    pass # Replace with function body.

func _on_NutChoiLai_pressed():
    get_tree().paused = false
    get_tree().reload_current_scene()
    print("choi lai")
    pass # Replace with function body.


func _on_NutVeMenu_pressed():
    get_tree().paused = false
    get_tree().change_scene("res://Scences/Map/LevelMap.tscn")
    diemso = int(( float(player.dongxu) /player.max_dongxu.size()) * 100)
    if diemso > PlayerData.diemso[map]: 
        PlayerData.diemso[map] = diemso
    pass # Replace with function body.

Ở đây, mình khai báo thêm 3 biến là:

+ map: để mình xác định được tên của map mình đang chơi.

+ player: để mình có thể lấy được số lượng đồng xu đã thu thập và tổng số đồng xu trong map.

+ diemso: tính điểm số mà bạn đạt được.

func _on_NutLevelKeTiep_pressed():
    get_tree().paused = false
    get_tree().change_scene(level.LevelKeTiep)
    diemso = int(( float(player.dongxu) /player.max_dongxu) * 100)
    if diemso > PlayerData.diemso[map]: 
        PlayerData.diemso[map] = diemso

diemso = int(( float(player.dongxu) /player.max_dongxu) * 100): là công thức mình tính điểm số.

if diemso > PlayerData.diemso[map]: là mình check nếu như diemso của màn này mà lớn hơn điểm số đã có sẵn thì nó sẽ thêm điểm số này vào và ngược lại.

Mình sẽ làm tương tự như bên hàm NutVeMenu vì khi bạn show cái EndLevelMenu là bạn đã hoàn thành nó rồi cho nên thoát ra hay chơi tiếp đều tính và nếu như nhấn chơi lại thì không.

Level Script

Bạn qua cho mình cái scene Level ở LevelMap ấy.

Và ở hàm _process mình thêm 1 dòng để cập nhật điểm số.

SoDiem = PlayerData.diemso[MapName]

Mình sẽ có full code như bên dưới:

extends Control

export (String) var MapName
export (String,FILE) var Scene
export (String) var Level
onready var ngoisaovang = preload("res://Assets/LevelMap/3 UI/Star1.png")
var SoDiem = 0

func _ready():
    $SoLevel.text = Level
func _process(delta):
    SoDiem = PlayerData.diemso[MapName]
    if SoDiem >= 1 and SoDiem <= 30:
        $NgoiSao1.texture = ngoisaovang
    elif SoDiem >= 30 and SoDiem <= 95:
        $NgoiSao1.texture = ngoisaovang
        $NgoiSao2.texture = ngoisaovang
    elif SoDiem >= 95:
        $NgoiSao1.texture = ngoisaovang
        $NgoiSao2.texture = ngoisaovang
        $NgoiSao3.texture = ngoisaovang


func _on_HinhTron_pressed():
    get_tree().change_scene(Scene)
    pass # Replace with function body.

Kết quả

Vậy sau khi thu thập hết đồng xu mình thêm vào và quay về Level Mênu mình sẽ được 3 sao.

Lưu ý

Ở cái Menu ấy, bạn chỉnh code chỗ nút Bắt đầu, cái change_scene thành cái scene Level Map nha.

Tổng Kết

Vậy là mình đã hướng dẫn xong bạn cách thêm số sao đạt được rồi, trong phần tiếp mình sẽ hướng dẫn bạn cách để khoá level lại và unlock level kế tiếp.

Câu hỏi thường gặp

Làm thế nào để lưu trữ điểm số của mỗi màn chơi?

Sử dụng một Autoload script (ví dụ: PlayerData) chứa một dictionary để lưu trữ điểm số của từng màn chơi (ví dụ: {“Map1”: 0, “Map2”: 0, …}). Điểm số sẽ được cập nhật sau khi kết thúc mỗi màn.

Điểm số được tính toán như thế nào?

Điểm số được tính bằng công thức: (số đồng xu thu thập được / tổng số đồng xu trong màn) * 100. Chỉ khi điểm số hiện tại cao hơn điểm số đã lưu của màn chơi đó thì điểm số mới được cập nhật.

Tôi cần thêm các nhóm đối tượng nào vào trong project?

Cần thêm một nhóm đối tượng (group) tên là “dongxu” để quản lý các đồng xu trong mỗi màn chơi. Việc này giúp dễ dàng truy xuất và đếm số lượng đồng xu.

Menu khi hết level

Copy Scene

Thì thay vì phải tạo lại từ đầu, bạn có thể duplicate 1 scene mới từ scene pause menu.

Bạn tìm pause menu ở filesystem chuột phải nhấn duplicate

Mình sẽ rename nó lại là EndLevelMenu

Rồi bạn xoá mấy node kia và chừa lại như hình, mình đổi tên luôn NutTepTuc thành LevelKeTiep

Chỉnh lại text ở TieuDe

Bạn sẽ clear cái script cũ đi bằng cách nhấn nút có cái tờ giấy mà có dấu x

Sau đó tạo cái mới.

Rồi 3 cái nút thì bạn disconnect đi vì nó đang kết nối với script cũ.

Rồi connect lại 3 cái mới.

Rồi Instance EndLevelMenu vào Map.

Rồi các bạn nhớ là hide cái EndLevelMenu mà thuộc loại Control Node đi ấy.

Script

extends CanvasLayer



onready var level = get_parent().get_node("KhuVucDiChuyen")

func _on_NutLevelKeTiep_pressed():
    get_tree().paused = false
    get_tree().change_scene(level.LevelKeTiep)
    pass # Replace with function body.

func _on_NutChoiLai_pressed():
    get_tree().paused = false
    get_tree().reload_current_scene()
    print("choi lai")
    pass # Replace with function body.


func _on_NutVeMenu_pressed():
    get_tree().paused = false
    get_tree().change_scene("res://Scences/Map/LevelMap.tscn")
    pass # Replace with function body.

Đây là đoạn code của script EndLevelMenu.

2 tín hiệu của nút chơi lại và về menu mình sẽ giữ nguyên.

Đối vơi LevelKeTiep để tiết kiệm thời gian thay vì mình phải tự setup coi nó di chuyển đến level nào kế tiếp thì mình sẽ lấy nó luôn. Ở node KhuVucDiChuyen mình đã có tạo 1 biến là LevelKeTiep và nó mang dữ liệu của scene kế tiếp nên là mình sẽ gọi cái biến đó thay vì làm thủ công.

onready var level = get_parent().get_node("KhuVucDiChuyen"): là mình khai báo xong gán nó bằng nút parent của EndLevelMenu ( như trên ảnh) và từ nút parent đó mình có thể truy cập vào node KhuVucDiChuyen để lấy dữ liệu của biến LevelKeTiep.

extends Area2D


export (String,FILE) var LevelKeTiep
onready var endlevelmenu = get_parent().get_node("EndLevelMenu")

func _on_KhuVucDiChuyen_body_entered(body):
    if body.name == "Player":
#		get_tree().change_scene(LevelKeTiep)
        endlevelmenu.get_node("EndLevelMenu").show()
        get_tree().paused = true

Ở phần script của KhuVucDIChuyen mình có đổi lại 1 xíu.

Ở đây, thay vì là di chuyển sang level kế tiếp như thường lệ thì mình sẽ cho nó hiển thị cái EndLevelMenu lên và sau đó thì dừng tree lại như ở pausemenu.

Nếu bạn nào thắc mắc tại sao mình lại get_node() 2 cái EndLevelMenu thì hãy nhìn vào như hình dưới.

Mình gọi 2 cái EndLevelMenu là vì mình có 2 node đó :).

Và đây là kết quả của mình

Tổng Kết

Trong phần tiếp, mình sẽ hướng dẫn bạn cách để thống kê điểm số sau khi thu thập đồng xu và khi ra ngoài LevelMap bạn sẽ có được số sao tương ứng với số điểm.

Câu hỏi thường gặp

Làm sao để tạo menu khi hết level trong Godot?

Bạn có thể tạo một menu mới bằng cách sao chép (duplicate) scene của menu tạm dừng (pause menu), chỉnh sửa nội dung và script cho phù hợp. Sau đó, instance menu này vào scene của level và hiển thị khi người chơi hoàn thành level.

Script nào được sử dụng để điều khiển menu khi hết level?

Script sử dụng các hàm `_on_NutLevelKeTiep_pressed()`, `_on_NutChoiLai_pressed()`, và `_on_NutVeMenu_pressed()` để xử lý các sự kiện nhấn nút “Level Kế Tiếp”, “Chơi Lại” và “Về Menu”. Script khác được sử dụng để kích hoạt hiển thị menu khi người chơi hoàn thành level.

Làm thế nào để chuyển sang level kế tiếp từ menu khi hết level?

Script sử dụng `get_tree().change_scene()` để chuyển đến scene level kế tiếp. Thông tin về scene level kế tiếp được lưu trữ trong biến `LevelKeTiep` trong một node khác của scene level hiện tại.

Và tạo menu khi kết thúc game nó gồm: Level kế tiếp, Chơi lại, thoát ra ngoài menu.

Pause Menu

Mình add CanvasLayer là node gốc và rename là PauseMenu

Vì nó khá nhỏ nên mình chỉnh min size lên.

Nó đã to hơn khi chỉnh min size là và ở ô text mình thêm 2 dấu | |

Sau đó thì mình add thêm cái Custom Font cho nó đẹp.

Color id: a77322

Rồi làm thêm cái custom Styles cho nó vừa mắt.

Và mình có kết quả như trên

Mình thêm cái Control node mới và rename nó lại là PauseMenu và thêm cái Panel để làm Background sau đó rename nó lại.

Sau đó căn chỉnh ra giữa

Mình tạo cái Custom styles mới.

Color: a89d24

Ở trên là thông số.

Bạn thêm node MarginConTainer ở dưới Background.

Mình sử dụng margincontainer là để căn lề cho nó đẹp mắt.

Chọn Full rect

Sau đó Theme Overriides -> Constants các bạn điền khoảng là 10 và tuỳ chỉnh theo game của bạn.

Add thêm cái Vboxcontainer

Add xong bạn sẽ thấy Vboxcontainer bị thụt vào trong 10mm từ margincontainer.

Add thêm cái Label rename là TieuDe

Chỉnh align là Center để căn giữa

Add thêm cái custom fonts cho nó đẹp mắt

Kết quả như trên.

Mình add thêm 3 nút như ảnh và 3 Ninepatchrect làm khoảng trống.

Rồi các bạn add custom fonts và custom styles cho button.

Bạn có thể add hoặc không add đều được.

Bạn save scene lại

Add thêm cái script ở node PauseMenu

Rồi connect 4 cái signal của 4 nút vào.

Rồi hide cái pause menu đi vì mình chỉ hiện nó khi mà mình bấm nút hiện thôi.

func _on_NutTiepTuc_pressed():
    get_tree().paused = false
    $PauseMenu.hide()

Code ở nút tiếp tục.

get_tree().paused = false : mình sẽ bảo cái tree là tiếp tục hoạt động.

$PauseMenu.hide() : mình sẽ ẩn cái PauseMenu đi vì mình muốn tiếp tục chơi game.

func _on_NutChoiLai_pressed():
	get_tree().paused = false
	get_tree().reload_current_scene()
	pass # Replace with function body.

get_tree().reload_current_scene() : mình sẽ kêu cái tree chạy lại cái scene.

func _on_NutVeMenu_pressed():
    get_tree().paused = false
    get_tree().change_scene("res://Scences/Map/LevelMap.tscn")
    pass # Replace with function body.

get_tree().change_scene("res://Scences/Map/LevelMap.tscn"): là mình sẽ di chuyển sang scene Level Map.

func _on_HienPauseMenu_pressed():
    $PauseMenu.show()
    get_tree().paused = true
    pass # Replace with function body.

$PauseMenu.show() : là mình sẽ hiển thị cái PauseMenu lên vì nó đang ẩn.

get_tree().paused = true :là mình sẽ gọi cái tree hiện tại và kêu nó dừng lại. Khi dừng lại là mọi node trên tree sẽ ngưng hoạt động.

extends CanvasLayer



func _on_NutTiepTuc_pressed():
    get_tree().paused = false
    $PauseMenu.hide()



func _on_NutChoiLai_pressed():
    get_tree().paused = false
    get_tree().reload_current_scene()
    pass # Replace with function body.


func _on_NutVeMenu_pressed():
    get_tree().paused = false
    get_tree().change_scene("res://Scences/Map/LevelMap.tscn")
    pass # Replace with function body.


func _on_HienPauseMenu_pressed():
    $PauseMenu.show()
    get_tree().paused = true
    pass # Replace with function body.

Vậy mình sẽ có full code là như này.

Và ở PauseMenu bên Inspector bạn cần chỉnh pause mode về Process để khi cái tree nó pause nhưng mà PauseMenu vẫn hoạt động được.

Sau đó Instance vào Map.

Đây là kết quả của mình

Level Map

À mình quên mất ở mấy phần trước đó là add thêm cái nút quay về ở scene Level map để quay về Menu chính.

Bạn thêm cái node Button rồi rename lại. Sau đó, thêm custom fonts, custom styles.

Tạo cho mình cái script ở Level Map.

Sau đó kết nối tín hiệu ở node QuayVe vào.

extends Node2D


func _on_QuayVe_pressed():
    get_tree().change_scene("res://Scences/UI/Menu.tscn")
    pass # Replace with function body.

Về code mình có như trên.

Và mình có kết quả như trên

Tổng Kết

Vậy trong phần này mình đã hướng dẫn bạn cách để có thể tạo pause menu cho game.

Câu hỏi thường gặp

Làm thế nào để tạo một menu tạm dừng trong game Godot 2D Platformer của tôi?

Bạn cần tạo một CanvasLayer, thêm các nút (buttons) và các phần tử giao diện người dùng (UI elements) khác vào đó. Sau đó, viết script để hiển thị và ẩn menu, đồng thời điều khiển trạng thái tạm dừng của game bằng get_tree().paused = true/false.

Tôi có cần phải sử dụng các kiểu tùy chỉnh (custom styles) và font chữ không?

Không bắt buộc, nhưng sử dụng các kiểu tùy chỉnh sẽ giúp menu của bạn trông chuyên nghiệp và hấp dẫn hơn. Bạn có thể tùy chỉnh màu sắc, phông chữ, và kích thước để phù hợp với phong cách game của bạn.

Menu tạm dừng có thể thực hiện các chức năng nào ngoài tiếp tục, chơi lại và thoát?

Tùy thuộc vào thiết kế game của bạn. Bạn có thể thêm các chức năng khác như chỉnh âm thanh, xem hướng dẫn, hoặc truy cập vào menu cài đặt.

Chọn Level

Scene

Bạn tạo cho mình 1 scene mới có Control là node gốc và 1 TextureButton và 3 Texturect.

TextureButton là  mình dùng để tạo hình ành cho cái level và tiện thể check nếu được bấm vào.

3 cái Texture Rect là dùng để hiển thị ngôi sao.

Bạn copy cái hình tròn ở bên thư mục UI trong Level map vào TextureButton

Rồi cái Texture Rect thì 3 cái kéo ngôi sao vào.

Sau đó chỉnh ngôi sao theo thứ tự từ trái qua.

Sau đó mình rename lại.

Add thêm 1 cái Label tên là SoLevel để hiển thị Level.

Mình dùng Customs Font ở phần trước.

Sau đó save scenes lại.

Rồi add thêm cho nó cái Script.

Sau đó connect cái signal pressed của HinhTron.

Script

extends Control

export (String) var MapName
export (String,FILE) var Scene
export (String) var Level
onready var ngoisaovang = preload("res://Assets/LevelMap/3 UI/Star1.png")
var SoDiem = 0

func _ready():
    $SoLevel.text = Level
func _process(delta):
    if SoDiem >= 1 and SoDiem <= 30:
        $NgoiSao1.texture = ngoisaovang
    elif SoDiem >= 30 and SoDiem <= 95:
        $NgoiSao1.texture = ngoisaovang
        $NgoiSao2.texture = ngoisaovang
    elif SoDiem >= 95:
        $NgoiSao1.texture = ngoisaovang
        $NgoiSao2.texture = ngoisaovang
        $NgoiSao3.texture = ngoisaovang


func _on_HinhTron_pressed():
    get_tree().change_scene(Scene)
    pass # Replace with function body.

Về phần code mình sẽ có như trên.

Ở đây mình sẽ dùng export để xuất 3 biến ra Inspector

Và Sodiem ở đây mình sẽ để theo thang đo 100. SoDiem ở đây sẽ được quy ra từ số sao mà bạn thu thập được khi chơi 1 level nếu đủ tất cả sao thì SoDiem là 100 và $NgoiSao1,2,3 sẽ chuyển sang màu vàng.

dòng có onready var là mình dùng để load trước hình ảnh của ngôi sao vàng tức là vừa chạy game thì nó load luôn còn nếu ban dùng load() là khi nào đụng tới thì nó mới load hình ảnh

Sau đó Instance cái Level vừa tạo vào LevelMap.

Bạn điền thông tin vào.

MapName là tên của node gốc của cái Scene ở bên dưới.

Scene là bạn chọn scene của level đó.

Level là dùng để hiển thị level.

MapName bằng tên node gốc nha.

Và sau khi chạy game mình sẽ có kết quả nó được như trên.

Sau khi nhấn vào đó mình sẽ được đi chuyển tới Level 1.

Tổng kết

Ở trong phần sau mình sẽ hướng dẫn bạn cách để tạo menu dừng và khi chiến thăng 1 level.

Câu hỏi thường gặp

Làm thế nào để tạo nút chọn level trong game?

Bạn cần tạo một scene mới với Node gốc là Control, chứa một TextureButton (cho hình ảnh level) và ba TextureRect (cho các ngôi sao biểu thị độ hoàn thành). Kết nối tín hiệu “pressed” của TextureButton với một hàm trong script để chuyển scene khi nút được nhấn.

Script điều khiển nút chọn level hoạt động như thế nào?

Script sử dụng biến `SoDiem` để theo dõi điểm số và hiển thị số sao tương ứng. Biến `export` cho phép bạn thiết lập tên scene level, đường dẫn scene và số level từ Inspector. Hàm `_on_HinhTron_pressed()` dùng `get_tree().change_scene()` để chuyển đến scene level đã chọn.

Làm sao để hiển thị sao vàng dựa trên điểm số?

Script sử dụng điều kiện `if-elif-else` để kiểm tra giá trị `SoDiem`. Tùy thuộc vào điểm số, các TextureRect (ngôi sao) sẽ được gán texture sao vàng tương ứng, cho biết mức độ hoàn thành của level.

Art

Bạn có thể tải tileset ở đây : Level Map Pixel Art | OpenGameArt.org

Sau khi tải về thì bạn copy cho mình Map_tiles.png và 2 Folders là Objects,UI vào thư mục mới tên là LevelMap ở trong Assets nha.

Tilemap

Như với cách thiết kế level ở phần 2 thì mình làm tương tự là thêm 1 scene mới tên là LevelMap và thêm tilemap vào.

Tạo 1 tileset mới.

Rồi thêm file tileset vào.

Bạn chọn New Single Tile và chọn icon grid để hiển thị grid lên nhé

Chọn cho mình 1 cái này

Xong nhấn vô New Single tile 1 lần nữa và chọn cái bên dưới.

Sau khi ra bên ngoài bạn sẽ có 2 cái tile.

Rồi tạo thêm cho mình 1 tile đất như hình.

Tạo cho mình 1 atlas tilemap và bôi trắng 3 cái ô trên.

Sau khi nhấn vào cái tile mà vừa được tạo bằng atlast nó sẽ hiện ra các ô tile trong đó.

Mình tạo thêm 1 cái atlas là biển.

Mình sẽ xoá cái single tile đi để thay thế bằng atlas cho tiên.

Mình tạo thêm 1 cái atlas là lấy full tile màu xanh.

Rồi bạn có thể thêm các tile khác tương tự.

Mình sẽ tạo 1 node mới và node này dùng để chứa các object khác như cây, bui cây, đá , cỏ , thuyền,vv mà bạn đã tải xuông.

Xong sau đó thì bạn sẽ kéo thả mấy cái ảnh của object vào trong game thôi.

Sau đó thì ban lưu lại cho mình, mình sẽ lưu nó lại ở thư mục Map trong Scenes.

Và đây là kết quả của mình sau khi ngồi mày mò thiết kế.

Bạn không được thiết kế theo mình vì mất thời gian và lâu cho nên là nên thiết kế theo ý của bạn nhé.

Tổng Kết

Vậy là trong phần này mình đã hướng dẫn xong bạn cách để thiết kế tilemap cho Level Map. Nếu bạn không hiểu thì có thể tham gia Group Cộng Đồng GodotVN để được giải đáp thắc mắc cũng như thông cảm cho mình nếu như viết mà bạn đọc khó hiểu nhé, vì mình viết lúc 1h sáng nên cũng hơi lú lú.

Câu hỏi thường gặp

Tôi cần chuẩn bị những gì trước khi bắt đầu thiết kế Level Map?

Bạn cần tải bộ tileset từ Level Map Pixel Art | OpenGameArt.org và đặt các file vào thư mục LevelMap trong Assets của project Godot.

Làm thế nào để tạo một TileSet mới trong Godot?

Trong scene LevelMap, thêm một TileMap node. Tạo một tileset mới, thêm ảnh tileset vào, và tạo các single tile hoặc atlas tile cho các loại địa hình (đất, nước, v.v.) theo ý muốn.

Tôi có thể thêm các object như cây cối, đá vào Level Map như thế nào?

Tạo một node con trong TileMap để chứa các object. Sau đó, bạn có thể kéo thả các hình ảnh object từ thư mục Assets vào node này để thêm chúng vào map.

Custom Fonts

Tải xuống

Bạn có thể truy cập vào link sau để có thể tải xuống font mà bạn muốn: 39 Free Retro, Video Game Fonts

Lưu ý: nếu như muốn gõ và hiển thị tiếng việt trên Gôt thì bạn cần phải kiếm 1 cái font tiếng việt nhé.

Ở đây, mình đã tải xuống 1 font tên Atarian và bỏ nó vào thư mục mới mình vừa tạo tên Fonts nằm trong thư mục Assets.

Thiết lập

Thì ở trong phần trước mình đã chỉ bạn cách để có thể tạo custom styles cho game và cái custom fonts này nó cũng ở trong Theme Overrides đối với Godot 3.4 trở lên.

Còn nêú là 3.3 trở xuống thì nó sẽ có 1 mục đó là Custom Fonts.

Bạn chọn cho mình Nutbatdau và chọn New Dynamic Font.

Sau đó vào Font Data và nhấn vào nút Load.

Sau đó tìm fonts mà bạn muốn sử dụng rồi nhấn vào open để mở nó lên nha.

Sau khi làm xong thì font đã được apply vào node NutBatDau.

Bạn có thể chỉnh Size và Outline, Outlinesize, Color Outline, Mipmap, Filter ở phần Settings của Fonts.

Ở đây mình sẽ chỉnh size lên 30 cho to và Outline size lên 1, Color Outline thành màu đen

Đây là sau khi mình làm xong, và cái chữ nó sát với lề button nên là chỉnh lại nha.

Mình sẽ chỉnh nó lên 1 xíu.

Sau đó copy và paste lại qua nút thoát game giống như ở phần trước khi mà bạn copy cái styles ấy nhé.

Chỉnh size lên thêm tý nhé.

Sau khi mình chỉnh lên thêm xí thì nhìn nó đã thuận mắt hơn rất nhiều rồi.

Tiêu đề

Tiếp theo mình sẽ chỉnh tiêu đề.

Tiêu đề thì các bạn nên xài Font khác với Button nhé, làm như vậy sẽ tránh bị chán, trùng khi nhìn vào.

Làm tương tự như với cái trên.

Chọn Label -> New Dymanic Fonts -> Chọn Fonts.

Sau khi xong mình sẽ có kết quả như sau.

Mình chỉnh size lên cho to 1 chút.

Sau đó mình sẽ chỉnh lại Outline Size, Color và bật Filter lên.

Đây sẽ là kết quả cuối cùng mà mình có được sau khi hoàn thành tất cả các cái trên.

Tổng Kết

Vậy ở trong phần này mình đã hướng dẫn bạn xong cách thêm và thết kế fonts trong Godot. Ở phần tiếp theo mình sẽ hướng dẫn bạn cách thêm background vào cho Menu.

Câu hỏi thường gặp

Làm thế nào để thêm font tùy chỉnh vào Godot?

Bạn tải font xuống, đặt nó vào thư mục “Fonts” trong thư mục “Assets” của project Godot. Sau đó, trong Godot Editor, bạn tạo một Dynamic Font mới và tải font đã thêm vào.

Tôi có thể tùy chỉnh font như thế nào?

Sau khi tải font, bạn có thể điều chỉnh kích thước, thêm viền (outline), thay đổi màu viền, bật/tắt Mipmap và Filter trong phần Settings của Dynamic Font.

Nếu tôi muốn sử dụng font hiển thị tiếng Việt, tôi cần làm gì?

Bạn cần tìm và tải xuống một font hỗ trợ tiếng Việt, sau đó làm theo các bước thêm font tùy chỉnh như đã hướng dẫn.