ProceduralUIImage là một component mở rộng cho UI Image trong Unity, cho phép bạn tạo hình dạng UI bằng thuật toán (procedural) thay vì phụ thuộc vào sprite tĩnh. Nhờ đó, bạn có thể tạo các hình dạng như bo góc, viền, panel cong… một cách linh hoạt hơn mà không cần designer xuất nhiều asset.
1. ProceduralUIImage Là Gì?
ProceduralUIImage cung cấp cách tạo ảnh UI bằng code theo tham số.
Thay vì sử dụng hình PNG/JPG, component tự vẽ mesh UI dựa trên các giá trị:
- Độ bo góc (Corner Radius)
- Độ dày viền (Border Thickness)
- Kiểu bo (Uniform hoặc từng góc)
Điều này giúp UI dễ tùy chỉnh theo màn hình
2. Ưu Điểm
- Không cần nhiều sprite (không phải xuất 4–5 loại panel bo góc khác nhau. Một component xử lý hết).
- Tự động scale mà không vỡ hình (Vì là mesh procedural nên không cần 9-slice hoặc sprite PNG độ phân giải cao).
- Tối ưu dung lượng (Giảm số lượng file hình → build nhẹ hơn).
- Tùy chỉnh theo runtime (Có thể tạo hiệu ứng động: bo góc thay đổi, viền co giãn theo trạng thái UI).
3. Nhược Điểm
- Tốn CPU hơn sprite tĩnh (Vì mesh phải được tạo bằng code. Tuy nhiên vẫn nhẹ cho hầu hết UI thông thường).
- Không phù hợp cho texture phức tạp (Nếu UI cần họa tiết, gradient phức tạp → sprite vẫn tốt hơn).
4. Cách Sử Dụng ProceduralUIImage
- DownLoad tại đây : https://assetstore.unity.com/packages/tools/gui/procedural-ui-image-52200?srsltid=AfmBOoqSCFV4hrJjIwpl4GPinSW9_Ja-jd_9i0WVTWaJdiGCZGGwLMlL hoặc có thể kiếm package miễn phí.
- Tạo một đối tượng UI → UI/Image
- Trong Inspector, thay
ImagebằngProceduralUIImage.
- Chỉnh tham số
5. Kết luận
ProceduralUIImage mang lại sự linh hoạt và tối ưu đáng kể trong thiết kế UI cho Unity. Với khả năng vẽ hình dạng UI bằng thuật toán, bạn có thể:
- Giảm tài nguyên hình ảnh
- Đảm bảo UI sắc nét trên mọi độ phân giải
- Tùy chỉnh giao diện động theo runtime
Đây là lựa chọn rất tốt cho UI modern, minimal, hoặc các ứng dụng mobile đòi hỏi UI responsive.
