ASCENO
Loading Asceno
Asceno
UnityBài 4519/09/2026Asceno

Canvas trong Unity là gì? Screen Space và World Space

Canvas quyết định UI được render theo màn hình hay nằm trong world. Screen Space - Overlay, Screen Space - Camera và World Space phù hợp với các nhu cầu khác nhau. Bài đặt một HUD cố định, một UI gắn trên nhân vật và một bảng trong không gian 3D. So sánh ba chế độ giúp bạn chọn đúng thay vì cố sửa offset.

ASCENO / UNITY STUDY NOTES · 48

Canvas trong Unity là gì? Screen Space và World Space

What Is a Canvas in Unity? Screen Space and World Space

Bài học bắt đầu bằng một ảnh chụp trực tiếp từ Unity để người đọc biết thao tác thực hành. Chín hình sau là minh họa không chữ; phần giải thích song ngữ bên dưới mới là nội dung cần đọc. Chủ đề chính là canvas unity. Ảnh số 1 là bằng chứng thực hành; ảnh số 2–10 chỉ dùng hình khối, biểu tượng và quan hệ trực quan để có thể giữ nguyên khi chuyển sang ngôn ngữ khác.

Mục tiêu học tập

  • Giải thích được khái niệm bằng mô hình hoặc luồng dữ liệu.
  • Biết chính xác màn hình Unity nào cần mở.
  • Dự đoán kết quả trước khi bấm Play và tìm được bằng chứng.
  • Tự dựng lại thí nghiệm nhỏ và xử lý lỗi có phương pháp.

1. Thực hành trực tiếp trong Unity

Mở đúng Scene test, chọn object liên quan và thực hiện thao tác được mô tả trong bài. Hình này là ảnh Unity native để người đọc nhận ra nơi bắt đầu; các bước và ý nghĩa nằm trong phần chữ ngay bên dưới.

Canvas trong Unity là gì? Screen Space và World Space — native Unity practice
Hình 1/10 — Ảnh chụp trực tiếp Unity: điểm bắt đầu của phần thực hành.

2. Minh họa hệ thống

Canvas quyết định UI được render theo màn hình hay nằm trong world. Screen Space - Overlay, Screen Space - Camera và World Space phù hợp với các nhu cầu khác nhau. Hình minh họa bên dưới không chứa câu chữ để không bị khóa vào một ngôn ngữ; hãy đọc phần giải thích này cùng các bước cụ thể.

  • canvas unity | khái niệm đang học | đọc phần focus và ví dụ thực hành | không suy luận chỉ từ màu sắc của object
  • Input/setting | dữ liệu hoặc cấu hình đầu vào | ghi giá trị trước khi đổi | không đổi nhiều thứ cùng lúc
  • Result/evidence | thứ phải quan sát trong Scene, Game, Inspector hoặc Console | chụp đúng panel | không coi ảnh đẹp là bằng chứng
Canvas trong Unity là gì? Screen Space và World Space — language-neutral system illustration
Hình 2/10 — Minh họa hệ thống không chữ; phần giải thích nằm trong nội dung bên trên và bên dưới ảnh.

3. Minh họa nguyên nhân → kết quả

Hãy đọc hướng mũi tên, vị trí tương đối và thay đổi của biểu tượng như một quan hệ nhân quả. Không cần dựa vào chữ nằm trong ảnh; phần dưới đây giải thích từng bước bằng văn bản.

  1. Chọn câu hỏi cần trả lời
  2. Tạo Scene test nhỏ
  3. Đổi một giá trị hoặc reference
  4. Bấm Play / chạy thao tác
  5. Đọc đúng panel
  6. So sánh với dự đoán
Canvas trong Unity là gì? Screen Space và World Space — language-neutral cause and result illustration
Hình 3/10 — Minh họa nguyên nhân → kết quả bằng biểu tượng và mũi tên.

4. Minh họa trình tự hoạt động

Mở Unity, chọn Canvas hoặc UI child, đọc RectTransform/Canvas Scaler trong Inspector rồi chuyển sang Game view để kiểm tra bố cục.

Canvas trong Unity là gì? Screen Space và World Space — language-neutral sequence illustration
Hình 4/10 — Minh họa trình tự hoạt động; tên cửa sổ và thao tác được giải thích bằng văn bản.

5. Minh họa cấu trúc object

Đọc tên object trong Hierarchy trước. Nếu tên không nói lên vai trò, hãy đổi tên trong Scene test; screenshot chỉ có giá trị khi người đọc biết mình đang nhìn object nào.

Canvas trong Unity là gì? Screen Space và World Space — language-neutral object structure illustration
Hình 5/10 — Minh họa cấu trúc parent/child và object cần chọn.

6. Minh họa cấu hình

Chọn object đại diện cho canvas unity trong Hierarchy. Đọc Transform trước, sau đó tìm Component/field liên quan. Ghi lại giá trị hiện tại rồi mới thay đổi; Dùng Overlay cho HUD không phụ thuộc camera, nhưng kiểm tra sorting khi có nhiều Canvas

Canvas trong Unity là gì? Screen Space và World Space — language-neutral configuration illustration
Hình 6/10 — Minh họa các giá trị cấu hình và reference; vị trí cụ thể được chỉ trong phần chữ.

7. Minh họa quan sát kết quả

Console không phải ảnh trang trí: dùng nó để xác nhận Dùng World Space cho health bar, marker hoặc bảng nằm trong môi trường game. Nếu bài không sinh log, kiểm tra object active, script compile và Console filter trước khi sửa thêm code.

Canvas trong Unity là gì? Screen Space và World Space — language-neutral observation illustration
Hình 7/10 — Minh họa quan sát input, log, trạng thái và kết quả.

8. Minh họa code → state

Đừng chép code rời khỏi Scene. Trước mỗi dòng, chỉ ra object/reference đầu vào; sau mỗi dòng, chỉ ra state hoặc output nào phải thay đổi.

using UnityEngine;

public class WorldLabel : MonoBehaviour
{
    [SerializeField] private Transform target;
    [SerializeField] private Camera worldCamera;

    private void LateUpdate()
    {
        transform.position = target.position + Vector3.up * 2.2f;
        transform.forward = worldCamera.transform.forward;
    }
}
Canvas trong Unity là gì? Screen Space và World Space — language-neutral state illustration
Hình 8/10 — Minh họa code tác động lên state và output; đoạn code thật được giải thích bằng văn bản.

9. Minh họa thí nghiệm

Bài đặt một HUD cố định, một UI gắn trên nhân vật và một bảng trong không gian 3D. So sánh ba chế độ giúp bạn chọn đúng thay vì cố sửa offset.

  1. Dùng Overlay cho HUD không phụ thuộc camera, nhưng kiểm tra sorting khi có nhiều Canvas.
  2. Dùng Screen Space - Camera khi UI cần đi theo camera cụ thể.
  3. Dùng World Space cho health bar, marker hoặc bảng nằm trong môi trường game.
  4. Chạy lại sau khi hoàn nguyên để kiểm tra kết quả có lặp lại không.
  5. Ghi lại giá trị đầu vào, thao tác, kết quả và lý do thay đổi.
Canvas trong Unity là gì? Screen Space và World Space — language-neutral experiment illustration
Hình 9/10 — Minh họa thí nghiệm: một thay đổi, một dự đoán, một bằng chứng.

10. Minh họa lỗi → cách sửa

  • Chọn nhầm object hoặc asset nên sửa đúng chỗ nhưng kết quả không đổi.
  • Đổi nhiều field cùng lúc nên không truy được nguyên nhân.
  • Chỉ nhìn Scene mà bỏ qua Inspector/Console.
  • Không kiểm chứng riêng phần canvas unity.
Canvas trong Unity là gì? Screen Space và World Space — language-neutral correction illustration
Hình 10/10 — Minh họa đường sai → điểm kiểm tra → đường sửa; phần chữ nêu rõ từng lỗi.

Góc nhìn ASCENO: Một hình ảnh tốt phải giúp người đọc trả lời được một câu hỏi cụ thể. Nếu ảnh không cho biết chọn gì, nhìn ở đâu, đổi gì hoặc kết quả nằm ở đâu, ảnh đó chưa đủ điều kiện đưa vào tài liệu.