[Tạo 2D Platformer Game với Godot] Phần 6: Thêm Background

Trong phần này, mình sẽ hướng dẫn bạn cách thêm Background và điều chỉnh lại camera cho nó hợp lý và đẹp mắt hơn nha.

Lỗi nhân vật

Thì ở phần trước mình chỉ bạn các xoay nhân vật và sẽ có vài bạn gặp lỗi là khi xoay nhân vật thì nó sẽ rơi xuống hoặc giật giật thì sau đây là cách fix.

Bạn đang bị lỗi đó là do nhân vật nó như thế này, do nó lệch vị trí.

Các bạn sẽ phải set lại vị trí chính giữa.

Sau đó là sẽ không còn bị vậy nữa nha.

Background

Tải xuống

Ở phần 2 khi mình cung cấp link tải tileset thì nó đã bao gồm cả background rồi, nếu bạn nào xoá rồi thì có thể tải lại ở link sau: Swamp 2D Tileset

Cài đặt

Bạn tải về và đưa ảnh background ở Folder 2 Background vào trong Folder Assets của game.

Kiểu 1

Các bạn thêm cho mình node ParallaxBackground

Thêm 1 nút Sprite là con của nút Background.

Bạn chọn nút Sprite sau đó kéo file ảnh background vào Texture.

Bạn sẽ được như này.

Và bạn nhớ cho mình là cái khung màu xanh nươc biển chính là cái khung mà người dùng có thể nhìn thấy được.

Mình sẽ kéo cái background cho vừa với khung xanh.

Rồi chạy game các bạn sẽ thấy background nó đã xuất hiện và luôn di chuyển theo bạn.

Kiểu 2

Nếu bạn muốn background không di chuyển theo bạn thì làm như sau.

Bạn tạo thêm 1 nút ParallaxLayer và đưa Sprite vào làm con của nút đó.

Rồi ở nút ParallaxLayer  -> Motion bạn sẽ thấy phần Mirroring thì ở x các bạn chỉnh lên 1000 cho mình.

Sau khi chỉnh lên 1000 các bạn sẽ thấy sẽ có thêm 1 cái background nữa xuất hiện và mình gọi đây là Infinity Background.

Bạn thiết kế level bạn đến đâu thì bạn set cái Background nó đến đó.

Camera

Mình cũng sẽ chỉ bạn thêm cách tối ưu hoá camera nhìn cho đep, nếu bạn nhìn hình trên sẽ thấy không đẹp tý nào.

Đầu tiên, các bạn phải xem cho mình toạ độ mà bạn muốn camera chỉ di chuyển tới đó bằng cách zoom chỗ bạn muốn lên và xem ở thanh toạ độ.

Ở đây bên trái mình muốn góc nhìn camera tối đa là ở toạ độ 0, bên dưới thì là 550, bên trên là 0 nốt.

Sau khi có toạ độ mình sẽ vô Player -> Camera2D -> Limit và điền toạ độ vào.

Mình sẽ được như này sau khi chỉnh xong, nhìn nó rất là ổn nha.

Camera theo từng map

Sẽ có những map khác nhau và camera mỗi map bạn sẽ phải limit khác nhau do đó nếu như bạn chỉnh trong Player thì khi ở map khác sẽ bị lỗi phần này.

Do đó, mình có cách này để bạn có thể chỉnh limit camera theo từng map.

Bạn vào map bạn muốn sau đó chọn Player chuột phải -> nhấn vào Editable Children ( cho phép bạn chỉnh sửa nút Instance dưới dạng 1 nút con )

Sau đó, bạn tìm Camera2D và chỉnh lại thôi.

Điều chỉnh game khi phóng to thu nhỏ

Khi phóng to thu nhỏ game theo setting mặc định game sẽ không giữ được như mặc định mà nó sẽ to nhỏ

Ví dụ như này là khi mình thu nhỏ.

Còn đây là khi thu nhỏ theo setting khác.

Nó tuỳ thuộc game bạn muốn làm và bạn muốn nó như nào.

Để được như trên thì các bạn vô Project Settings tìm Display chọn Window và chỉnh ở Mode, Aspect nó có nhiều chế độ để bạn khám phá.

Tổng Kết

Vậy trong phần này mình đã hướng dẫn bạn cách thêm background và điều chỉnh camera sao cho nó hợp lý rồi.

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

Tôi có thể tìm background ở đâu?

Background đã được bao gồm trong Tileset được cung cấp ở Phần 2. Nếu bạn đã xóa, bạn có thể tải lại tại đây: Swamp 2D Tileset

Làm thế nào để tạo background di chuyển theo nhân vật?

Thêm một node `ParallaxBackground`, sau đó thêm một node `Sprite` làm con của nó. Kéo file ảnh background vào thuộc tính Texture của Sprite.

Làm sao để giới hạn camera di chuyển chỉ trong một vùng nhất định?

Trong thuộc tính `Limit` của node `Camera2D` (trong Player), thiết lập các giá trị `min` và `max` cho tọa độ X và Y để xác định vùng giới hạn. Bạn cũng có thể chỉnh sửa trực tiếp trên từng map để có giới hạn riêng biệt cho từng map.