Breaking

Kamis, 11 November 2021

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù

Kẻ thù hay các con quái vật là một thứ không thể thiếu trong các game Platformer hay Rpg. Vậy nên, trong phần này mình sẽ chỉ bạn cach thiết kế 1 con kẻ thù và cách thiết kế sẽ kéo dài 2,3 phần.

Art

Về phần Art bạn có thể tải qu link au: Desert Enemy Pixel Art Game CharactersTạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù

Sau khi tải về, ở Assets tạo thêm cho mình 1 folder mới là  KeThu và copy toàn bộ art vào trong đó.

Tạo kẻ thù

Tạo scene mới

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 55

Giống như Player bạn sẽ tạo 1 kinematicbody và ở đây mình đổi tên lại thành Cao ( con cáo ấy) và add thêm 2 nút con là AnimatedSprt và CollisionShape2D.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 56

Bạn tạo Frames mới ở AnimatedSprite.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 57

Ở đây mình add thêm 5 animation tương ứng vơi art.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 58

Đây là sau khi thêm animation và nó hiển thị.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 59

Bạn thêm CollisioShape cho nó
Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 60

Xong sau đó xoay CollisionShape2D sang ngang.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 61

Nhấn vào thanh công cụ để có thể điều chỉnh nhé.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 62

Rồi chỉnh lại AnimatedSprite cho phù hợp với CollisionShape2D.

Lưu ý: Bạn luôn lấy CollisionShape làm điểm căn chỉnh và không thay đổi vị trí hay gì đó của CollisionShape .

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 63

Xong sau đó lưu scene lại nha, mình tạo thêm 1 folder mới ở Scenes là Kethu và lưu ở đó.

Thêm Script

TIếp theo là phần code.Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 64

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 65

Thêm nhẹ cái Script vào nè.

extends KinematicBody2D


var tocdo = 60
var trongluc = 10
var chuyendong = Vector2()
var huong_dichuyen = 1
onready var animation = $AnimatedSprite

func _physics_process(delta):

chuyendong.x = tocdo * huong_dichuyen
chuyendong.y += trongluc
chuyendong = move_and_slide(chuyendong,Vector2.UP)

if is_on_wall():
huong_dichuyen = huong_dichuyen * -1

Ở đây, nó cũng không khác gì Player khi mà cần 4 biến cơ bản để có thể chuyển động và 1 biến để có thể sử dụng animation.

Biến huong_dichuyen vì đây là A.I nên bạn không cần phải nhấn nút để nó di chuyển hay gì cả nên là mình sẽ set mặc định nó là 1.

Ở hàm _physics_process(delta):

  • 3 dòng đầu thì không còn xa lại rồi
  • Dòng if is_on_wall() là hàm cho phép bạn kiểm tra xem con kẻ thù khi đang di chuyển thì có và chạm với ai không.
  • Bên dưới mình sẽ kiểm tra nếu như đang di chuyển qua phải mà gặp tường hay gì đó thì nó sẽ quay sang bên trái để di chuyển tiếp và ngược lại.

Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 66

Sau đó bạn Instance con cáo vào Map để có thể thấy nó đã di chuyển.

func _physics_process(delta):

chuyendong.x = tocdo * huong_dichuyen
chuyendong.y += trongluc
chuyendong = move_and_slide(chuyendong,Vector2.UP)
animation.play("dichuyen")

if is_on_wall():
huong_dichuyen = huong_dichuyen * -1
scale.x = scale.y * huong_dichuyen

Ở hàm _physics_process(): thì mình đã thêm vào 2 dòng lệnh để có thể chạy animation và xoay hình ảnh qua trái phải.Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 67

Đây là kết quả.
Tạo 2D Platformer Game với Godot] Phần 7: Thiết kế kẻ thù 68

Đôi khi, có vài bạn cái Sprite nó sẽ bị ngược và bạn có thể chỉnh lại bằng cách chỉnh Flip_H của Sprite or AnimatedSprite.

Tổng Kết

Vậy trong phần này các bạn đã có thể làm ra một con kẻ thù cơ bản nhất, ở trong phần tiếp mình sẽ hướng dẫn bạn làm sao để nó có thể di chuyển ở trên bề mặt.

Adblock test (Why?)


Xem Them Chi Tiet

Nhung Mon Do Cong Nghe Duoc Yeu Thich

Do Cong Nghe Phu Kien
Xem Them Chi Tiet

Phu nu phai dep dan ong moi yeu! Sam ngay bo vay dam sieu dep

Thanh xuan nhu mot tach trá Khong mua do hot phi hoai thanh xuan

Tidak ada komentar:

Posting Komentar

close