10 tháng 12, 2025

Giới thiệu 3D trong Hana

Kết hợp 3D và 2D

Trong một thời gian rất dài, phần lớn "quy trình" thiết kế diễn ra trên canvas 2D.

Sự phân tách lâu nay giữa 2D và 3D bắt nguồn từ những phức tạp về kỹ thuật. Các công cụ thiết kế 2D đã phát triển để vừa thời gian thực vừa chất lượng cao (thấy gì được nấy), nhưng 3D đòi hỏi sức mạnh tính toán lớn hơn nhiều, khiến làm việc thời gian thực chỉ khả thi ở chất lượng thấp hơn.

Nhưng công nghệ đã tiến bộ vượt bậc (cả phần cứng lẫn phần mềm), và đội ngũ của chúng tôi đã có những bước tiến đáng kể trong vài năm qua, giúp chúng tôi đạt được một cột mốc nền tảng: kết hợp 3D và 2D trên cùng một canvas theo thời gian thực.

Di chuột hoặc chạm để tương tác (trải nghiệm làm bằng Hana)

Sự hội tụ của 3D và 2D

Chúng tôi tin rằng một canvas thiết kế nên tận dụng mọi chiều không gian có sẵn, và người dùng (con người hay tác nhân AI) nên được tự quyết định điều gì phù hợp nhất cho giải pháp đang làm.

Đáng tiếc là, dù đúng trên lý thuyết, việc triển khai bất cứ thứ gì trong 3D là một cơn ác mộng kỹ thuật, và kết hợp hai hệ thống này còn khó hơn nữa.

Hầu hết các công cụ thiết kế hiện nay, hay các công cụ truyền thống, đều được xây dựng theo cùng một cách tiếp cận: bạn làm việc trên một bản xem trước, rồi nhấn "render" hoặc "bàn giao" công việc, và ai đó sẽ triển khai sản phẩm thật bằng một nền tảng công nghệ khác.

Nói cách khác, gần như mọi công cụ thiết kế hiện nay đều không phải thời gian thực, nên 3D thường đòi hỏi dùng công cụ chuyên dụng mà kết quả cuối cùng được xử lý hoặc nhúng dưới dạng hình ảnh hay video phẳng; không chỉnh sửa được và không tương tác. Đó là một quy trình chậm chạp, không phù hợp với tiêu chuẩn quy trình thiết kế ngày nay.

Cần một cách tiếp cận mới để thay đổi điều này.

Trải nghiệm làm bằng Hana

Thời gian thực là nền tảng

Khi xây dựng Hana, chúng tôi làm cho nó chạy thời gian thực trong khi vẫn có khả năng kết xuất mọi thứ bạn có thể kết xuất trong 2D. Nghĩa là trình kết xuất của Hana xử lý được mọi loại hiệu ứng hoàn hảo đến từng pixel (như bóng đổ, blur…), hình vector, boolean và hơn thế nữa, tất cả theo thời gian thực.

Điều này có nghĩa là chúng tôi có thể tận dụng pipeline hiệu ứng của Hana để kết xuất cả đồ họa 3D theo thời gian thực.

Về bản chất, Hana có thể kết hợp 3D và 2D làm một.

Vector được biến thành 3D thời gian thực với Hana

Hành trình kết hợp hai thế giới

Thêm 3D vào canvas 2D tưởng chừng là việc dễ dàng, nhưng thực tế có vô vàn thách thức. Phần lớn trường hợp, nó đòi hỏi chạy hai trình kết xuất cùng lúc hoặc kết hợp nhiều runtime, dẫn đến thời gian tải xuống lâu, không hề lý tưởng.

Hana dùng cùng một runtime cho 3D và 2D, hiệu quả hơn và linh hoạt hơn đáng kể.

Một vấn đề cốt lõi khác là chất lượng, hay đúng hơn là sự thiếu chất lượng.

Kết hợp hai hệ thống làm một mà vẫn giữ cùng mức chất lượng là một thách thức, vì chất lượng 3D bao gồm nhiều yếu tố: khử răng cưa, độ phân giải, số đa giác (hoặc mật độ voxel cao), số lượng đối tượng và hơn thế nữa.

Trong Hana, bạn có thể tạo bất kỳ hình 2D nào và chuyển nó thành đối tượng 3D trong khi vẫn giữ kết nối thời gian thực với hình gốc.

Nghĩa là bất cứ lúc nào, bạn cũng có thể chỉnh sửa hình gốc, và đối tượng 3D sẽ được tạo lại theo thời gian thực, gắn liền với hình gốc.

Điều này giúp tăng đáng kể năng suất khi tạo 3D bên trong một bố cục 2D. Ví dụ, bạn có thể dễ dàng tạo chữ 3D và đổi màu, font hay các thuộc tính khác mà vẫn giữ toàn bộ sự linh hoạt của văn bản trong một quy trình không phá hủy.

Layout có thể cập nhật linh hoạt, và các đối tượng 3D sẽ tuân theo quy tắc của bố cục 2D.

Trải nghiệm làm bằng 3D Shapes của Hana

3D tuân theo 2D

Trong Hana, mỗi đối tượng 3D có hệ tọa độ riêng. Tuy nhiên, nó vẫn tuân theo quy tắc và hành vi của canvas 2D, nghĩa là bạn có thể áp dụng cho đối tượng 3D mọi thứ bạn vẫn thường dùng cho đối tượng 2D.

Điều này mở ra vô vàn khả năng thiết kế.