TẠO NHÂN VẬT

Trước hết các bạn tải art về nha.

Link: https://opengameart.org/content/animated-top-down-survivor-player

AnimatedSprite

Đầu tiên các bạn xoá cái Sprite đi rồi thêm cho mình lại node AnimatedSprite.

Rồi Tạo Frame mới

Rồi add cho mình

3 animation là : idle – move – shoot

Handgun – Rifle – Shotgun bạn có thể lấy ở trong

Kéo hết vô 3 cái nhé

Set CollisionShape2D lại nhé.

Code:

Tiếp đế là code. Chúng ta sẽ kiểm tra nếu như player di chuyển thì sẽ chạy animation move và đứng im chạy animation idle, bắn thì chạy animation shoot.

Tiếp theo vì đây là game bắn súng chúng ta phải để nhân vật nó xoay theo hướng chuột thì chúng ta có câu lệnh: look_at(get_global_mouse_position())

Tiếp theo set camera nhé nhìn cho dễ:

Thêm node camera2D ở Zoom chỉnh lại cho nó dễ nhìn nhé mấy bạn.

BẮN ĐẠN

Tiếp theo chúng ta sẽ tạo đạn để bắn  piu piu

Link down: https://drive.google.com/file/d/1fr4xNtR-s5qS49G5N98in3oTVlVJyxAN/view?usp=sharing

Bạn tải về nhé.

Xong sau đó tạo sence mới

Nút gốc là Area 2D để kiểm tra khi bullet va chạm

CollisionShape2D

Sprite

Các bạn kéo cái ảnh viên đạn vào Sprite

Rồi set collisionShape2D luôn

Rồi đổi tên thành Bullet

Tạo Script mới

Ở đây mình sẽ thêm 1 hàm để viên đạn có thể spawn ở vị trí nào đó mà bạn muốn và Sát thương (damage)

func start_at(pos, dir):
position = pos
rotation = dir
velocity = Vector2(speed, 0).rotated(dir)

position =pos : nghĩa là vị trí của cái viên đạn sẽ bác cái pos

rotation = độ xoay của viên đạn

Tiếp theo thì sẽ tạo 1 hàm để gán tốc độ cho viên đạn để nó có thể fly

func _physics_process(delta):
position += velocity * delta

À các bạn nhớ quay 2 nút Sprite và Collishape sang ngang nhé nếu không muốn nó bắn dọc

Rồi tiếp theo chúng ta phải check xem nếu như viên đạn ra khỏi màn hình thì nó tự huỷ để không thể tích lại gây lag.

Rồi các bạn thêm nút VisibilityNotifier2D sau đó chỉnh sao chó ổn là được. Rồi sau đó connect tín hiệu screen_exit  (thoát khỏi màn hình)

Rồi ở câu đó chúng ta thêm câu lệnh : queue_free()

Rồi tiếp theo chúng ta  sẽ bắn nó.

Trước đó bạn cần phải có sence của bullet để có thể add nó vào và dùng onready là khi chạy thì nó sẽ được load luôn

Rồi sau đó check nếu nhấn phím F nó sẽ bắn

get_parent().add_child(b): nghĩa là nó sẽ lấy bố mẹ rồi add_child tức là thêm cái nút đạn vào nếu có video thì mình sẽ minh hoạ dễ hơn.

b.start_at(global_position,rotation) : global_position = vị trí của nhân vật, rotation là cái góc xoay.

Khi bắn bạn sẽ thấy nó xuất hiện ở giữa player, chúng ta cần phải chỉnh cho nó ra ngoài cây súng.Vậy thì làm như sau.

Bạn thêm nút Position2D rồi kéo nó vô chỗ mà bạn muốn viên đạn xuất hiện

Tiếp theo thì đơn giản thôi bạn chỉ cần thêm $Position2D vào trước cái global_position để spawn ở cái chỗ trên

Và nếu chạy thì bạn sẽ gặp trường hợp như ảnh

Và bài sau sẽ có cách fix

Code Player:

extends KinematicBody2D




export var speed = 200




onready var bullet = preload("res://Canh/Bulet.tscn")

func _physics_process(delta):

look_at(get_global_mouse_position())

laydau_nhapvao(delta)




func laydau_nhapvao(delta):

var vector_dauvao = Vector2.ZERO

vector_dauvao.x = Input.get_action_strength("ui_right") - Input.get_action_strength("ui_left")

vector_dauvao.y = Input.get_action_strength("ui_down") - Input.get_action_strength("ui_up")

vector_dauvao = vector_dauvao.normalized()

if vector_dauvao != Vector2.ZERO:

$AnimatedSprite.play("move")

else:

$AnimatedSprite.play("idle")

var dichuyen = vector_dauvao * speed * delta

if Input.is_key_pressed(KEY_F):

shoot()

dichuyen = move_and_collide(dichuyen)

func shoot():

var b = bullet.instance()

get_parent().add_child(b)

b.start_at($Position2D.global_position,rotation)

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

Tôi cần chuẩn bị những gì trước khi bắt đầu làm theo hướng dẫn?

Bạn cần tải về bộ ảnh nhân vật và viên đạn từ các liên kết được cung cấp trong bài viết. Đảm bảo bạn đã cài đặt Godot Engine.

Làm thế nào để nhân vật xoay theo hướng chuột?

Sử dụng hàm look_at(get_global_mouse_position()) trong script của nhân vật.

Nếu viên đạn không xuất hiện đúng vị trí mong muốn thì sao?

Thêm một node Position2D vào scene của nhân vật và sử dụng $Position2D.global_position thay cho global_position khi tạo viên đạn để xác định vị trí xuất phát chính xác hơn.

Chào các bạn, chào mừng đã đến với series tiếp theo về lập trình game với Godot Engine. Hôm nay mình sẽ hướng dẫn các bạn lập trình game Top Down với Godot nhé.Trong bài này mình sẽ hướng dẫn các bạn di chuyển nhân vật cho top down game.

Với Top Down game thì chúng ta không cần trọng lực như cái series đầu mà chỉ cần di chuyển 4 hướng là được.Thường thì các bạn search youtube các bài về basic top down game sẽ thấy người ta thường dùng lệnh if để check Input và di chuyển, làm kiểu thế rất mất thời gian nên mình sẽ làm 1 kiểu nhanh gọn lẹ luôn nhé :3.

Note: Đây sẽ là bài 1 cho cả 2 seires

Tạo Project

Thì như thường thôi chúng ta sẽ tạo project mới.

Project Name: Tên Project

Project Path: Đường dẫn

Renderer:

Chọn OpenGL 3.0 nếu bạn muốn làm game PC & Android – Chọn OpenGL 2.0 nếu bạn muốn làm game web.

Sau khi có đường dẫn xong các bạn nhấn Create Folder rồi nhấn Create & Edit để bắt đầu

Tạo Sence

Như mấy bài trước với Godot chúng ta sẽ tạo Sence mới sẽ chứa nhân vật và những thứ khác

Bạn có thể sử dụng Node Đen hoặc 2D Node đều được. Mình sẽ xài 2D Node và đặt tên nó là World sau đó các bạn nhấn Ctrl + S để lưu nó lại.Mình sẽ lưu nó lại vào folder chứa Cảnh(Sence).

Tạo Nhân Vật

Các bạn nhấn vào dấu + bên cạnh cái tên của Sence để tạo sence mới

Rồi nhấn Other Node hoặc Dấu + Dưới chữ Sence để thêm Node. Các bạn tìm cho mình Node KinematicBody2D. Đây là một nút ” Cơ thể động học”giúp chúng ta có thể di chuyển và thực hiện dễ dàng hơn.

Rồi các bạn Thêm cho mình 2 Node là “Sprite” và “CollisionShape2D“.

Sprite: Là node hình ảnh cho node bố mẹ nói ngắn gọn là node hiện thị hình ảnh cho cái KinematicBody2D ý

CollisionShape2D: là node đại diện cho dữ liệu va chạm trong không gian 2D tức là mấy cái hình dùng để va chạm ý. Bạn nào từng tiếp xúc qua sẽ hiểu.

Nói chung trong Godot nó là: KinematicBody2D là linh hồn – Sprite là hình dáng bên ngoài – CollisionShape2D là bộ xương

Mình sẽ đổi tên cái KinematicBody2D thành Player cho dễ nhận diện.

Với Sprite hiện mình chưa có asset nên chúng ta xài tạm cái icon.png có sẵn trong filesystem của godot nha :v bài sau mình sẽ kiếm cái asset.

Các bạn nhấn vào Sprite rồi nhấn vào cái Icon xong sau đó kéo qua chỗ Texture của Sprite

Tiếp đó chúng ta sẽ set CollisionShape2D cho nó. Nhấn vào node collision rồi chỗ shape các bạn chọn 1 cái shape cho nó, cái nào cũng được tùy bạn ở đây mình chọn hình vuông cho nó vuông với cái Sprite

Vậy là chúng ta đã tạo xong nhân vật cơ bản của cơ bản :’).

Sau đó các bạn lưu lại nha

Tiếp đến sẽ là phần Script các bạn nhấn vào dấu tờ giấy có dấu + màu xanh để tạo script à nhớ nhấn vào node Player mà tạo nha đừng có tạo ở Sprite hay CollisionShape2D.

Code Di Chuyển

Chúng ta sẽ xài GDScript của Godot nhé. Đây là ngôn ngữ riêng của Godot được dựa trên Python và Lua.

Như đã nói ở đầu bài mình sẽ hướng dẫn các bạn di chuyển nâng cao :3.

Tạo Hàm Lấy Dữ Liệu Đầu Nhập Vào

Chúng ta sẽ tạo hàm mới gọi là laydau_nhapvao(): tức là hàm sẽ lấy mọi thông tin nhập vào từ bên ngoài. VD như bạn nhấn phím K nó sẽ tấn công thì đó là lấy thông tin từ đầu nhập bên ngoài.

Vậy mình sẽ tạo hàm func laydau_nhapvao():

Trong đó mình sẽ tạo 1 biến là vector_dauvao gán = Vector2.ZERO hoặc Vector2() (2 cái = nhau nhé).

vector_dauvao là biến dùng đến xác định Vector2(x,y) tức là đầu x,y. Nếu nhấn trái sẽ di chuyển qua trái(Vectoc(-1,0)), còn nhấn qua phải sẽ di chuyển qua phải(Vector2(1,0)), lên trên thì (Vector2(0,-1) chứ không phải là Vector2(0,1) như trong toán học, trong game ngược lại).

func laydau_nhapvao():
var vector_dauvao = Vector2.ZERO
vector_dauvao.x = Input.get_action_strength("ui_right")- Input.get_action_strength("ui_left")
vector_dauvao.y = Input.get_action_strength("ui_down") - Input.get_action_strength("ui_up")

move_and_collide(vector_dauvao)

Ở đây:

vector_dauvao.x = Input.get_action_strength(“ui_right”) – Input.get_action_strength(“ui_left”): nghĩa là Input(đầu nhậpvào).get_action_strength(“ui_right”) (lấy cường độ hành động có thể hiểu là lấy đầu nhập vào khi nhấn phải) sau đó trừ đi  Input.get_action_strength(“ui_left”) => ui_right(Vector(1,0)) và ui_left(Vector(-1,0)) khi nhấn phải mà không nhấn trái thì cái hành động nhấn phải đó Vector2 = Vector2(1,0) và vì bên trái = 0 cho nên 1-0 sẽ = 1 (thì khi di chuyển sang phải Vector(1,0) cái x nó = 1 rồi chúng ta đâu di chuyển sang trái đâu vì vậy nó = 0 khi nào di chuyển sang trái nó mới = -1 vậy 1-0 sẽ = 1 và = 1 thì nó di chuyển sang phải và bên trái thì ngược lại, vector_dauvao.y cũng tương tự)

Áp dụng di chuyển

Sau đó mình sẽ thêm 1 lệnh để áp dụng di chuyển cho nhân vật đó là move_and_collide(di chuyển và va chạm khác với move_and-slide(di chuyển và lướt) nó còn có công dụng là đẩy vật khác :)) đúng vậy có thể đẩy vật khácnếu là move_and_slide nó chỉ di chuyển và lướt chứ không thể đẩy vậy khác được. Nếu xài Rigdbody2D thì cả slide và collide đều đẩy được nó :3 tính năng khá hay của Godot )

Gọi hàm lấy dữ liệu

Rồi tiếp đó chúng ta phải gọi nó vào hàm quá trình vật lý (physical_process(delta)) hoặc quá trình (_process(delta)) bạn có thể xem cơ bản ở đây: Godot GDScript

Instance Node

Rồi sau đó qua cái sence world và instance node player vào để test

Các bạn nhớ kéo Player ra giữa nha.

Rồi các bạn nhấn F5 hoặc F6 chạy game (F5 chọn sence để chạy, F6 chạy sence bạn đang làm việc) khi chạy game bạn nhấn nút mũi tên để di chuyển nhé. Nhưng mà bạn để ý khi di chuyển thẳng ngang với di chuyển chéo thì tốc độ di chuyển chéo nó nhanh hơn chứ không đều như 2 cái di chuyển kia, vì vậy cúng ta có 1 câu lệnh để bình thường hóa tốc độ nó lại là .normalized().

Vậy chúng ta sẽ gõ

 vector_dauvao = vector_dauvao.normalized()

Speed và Delta

Mình sẽ sử dụng biến export var để xuất ra ngoài bảng Inspector (đây là 1 tính năng khá OK của Godot)

VD:

Đầu tiên chúng ta khai báo

export var speed = 100 đi cho tròn chỉnh bao nhiêu cũng được tùy bạn

Sau đó chúng ta sẽ * nó vào với biến vector_dauvao và * với delta luôn

Bạn có thể làm như này.

Nhưng mà với mình thì mình tạo 1 biến mới chứa 3 cái trên cho dễ hiểu.

Ở laydau_nhapvao không có delta nên mình sẽ tạo 1 delta ngay trên func laydau_nhapvao():

Rồi ở_physical_process(deta): mình chỉ cần gọi nó vô thôi.

Kết Thúc

Vậy là đã xong bài 1 trong series lập trình game với Godot, rồi hẹn gặp lạibạn vào bài sau ;3

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

Tôi có thể sử dụng loại Node nào để tạo nhân vật trong game Top-Down này?

Bài viết sử dụng KinematicBody2D. Đây là lựa chọn phù hợp cho việc di chuyển và xử lý va chạm trong game 2D.

Sự khác biệt giữa move_and_slide() và move_and_collide() là gì?

move_and_collide() cho phép nhân vật đẩy các vật thể khác, trong khi move_and_slide() chỉ cho phép nhân vật trượt qua các vật thể khác.

Tôi nên đặt mã di chuyển vào hàm nào trong GDScript?

Bạn nên đặt mã di chuyển vào hàm _physics_process(delta) để đảm bảo cập nhật di chuyển đúng trong mỗi khung hình.