[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu

Trong phần này mình sẽ hướng dẫn bạn cách thu thập đồng xu như các game platformer khác với Godot.

Art

Tải xuống

Như thường lệ, mình sẽ cung cấp sẵn art.

Bạn có thể tải xuống ở link này: Rotating Coin 

Cài đặt

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu

Bạn tạo 1 thư mục mới tên là VatPham ở Folder Assets rồi copy cái Fill Coins.png ở trong file zip tải ở trên.

Hoặc bạn nào đã có kiến thức đủ thì có thể sử dụng hình ảnh khác.

Đồng xu

Add scene

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 17

Bạn tạo 1 scene mới và Area2D là node gốc -> rename thành DongXu sau đó bạn thêm 2 node như ảnh.

Ở đây, mình dùng Area2D vì mình muốn khi Player chạm vào thì đồng xu xác định và biến mất luôn chứ không dùng các node khác làm gì cho lằng nhằng.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 18

Sau đó bạn add animation mới và kéo ảnh vào theo thứ tự 1- > 8 ( và bỏ số 5 ra ).

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 19

Bật playing ở animatedsprite để nó luôn chạy animation.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 20

Rồi add collisionshape2d cho nó.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 21

Sau đó save scene lại và add thêm cái script cho nó.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 22

Sau chỉnh lại scale như ảnh vì nó khá là to.

Script

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 23 [Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 24

Bạn connect cái tín hiệu là body_entered vì mình muốn check nếu player đi vào thì đồng xu biến mất và số lượng xu ở player tăng lên.

 

extends Area2D



func _on_DongXu_body_entered(body):
    if body.name == "Player":
        body.dongxu += 1
        queue_free()
    pass # Replace with function body

Do đó, mình sẽ có đoạn code là như này ở script của đồng xu.

Player

Script

var dongxu = 0

 

Và ở script của player thì mình chỉ cần add thêm 1 dòng đó là var dongxu = 0.

func _process(delta):
    $GUI/DongXu.text = str("Dong xu:" + dongxu)

Sau đó mình thêm 1 hàm nữa là _process() mình sử dụng nó là để chạy các vấn đề không liên quan tới vật lý, hàm này sẽ xử lý nhanh hơn so với physics process.

$GUI/DongXu.text = str(dongxu)  là mình sẽ gán text của node DongXu = với giá trị của biến dongxu.

Lưu ý: khi gán 1 giá trị nào đó vào text của 1 node nào đó bạn luôn phải bỏ trong str() nếu không sẽ bị lỗi vì nếu đã gọi .text thì chỉ có String mới được chấp nhận.

Scene

Tiếp đó, mình phải add thêm 1 cái gọi là để hiển thị số đồng xu ra bên ngoài màn hình cho người chơi biết được.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 25

Thêm cho mình 1 CanvasLayer -> GUI

Một node Label -> DongXu
[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 26

Ở node label có cái gọi là bảng text và bạn có thể nhập ở đó

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 27 [Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 28

Sau đó mình chinh ra góc cho hợp lý.

Map

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 29

Sau đó mình sẽ ra ngoài map để Instance.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 30

Đây là kết quả cuối cùng của mình.

[Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 31 [Tạo 2D Platformer Game với Godot] Phần 16: Thu thập đồng xu 32

Và khi bạn nhặt đồng xu thì nó sẽ hiển thị ở trên chỗ Label.

Tổng Kết

Vậy là đã xong rồi, hẹn các bạn ở bài sau.

 

 

Previous Post Next Post