Làm thế nào tôi có thể xoay các họa tiết pixel nghệ thuật mà không bị mất thẩm mỹ?

11

Bây giờ tôi đang đứng trước một câu hỏi lớn về "Thiết kế trò chơi". Tôi đang tạo một trò chơi pixel-art-ish và sử dụng phép nội suy song tuyến tính có thể giải quyết được nhiều vấn đề về hoạt hình. Mặt khác, nó không còn là "trò chơi pixel" nữa.

Nếu tôi sử dụng Nội suy song phương, hoạt ảnh sẽ hoạt động nhưng có vẻ "lai-ish" và kiểu dáng bị mất. Hoặc là tôi làm hỏng hoạt hình của tôi hoặc tôi làm rối phong cách nghệ thuật. Tôi không thể có cả hai dường như.

Có cách nào khác để giải quyết điều này?

2d rotation pixel-art

— OC_RaizW
nguồn

4

Đó là trò chơi của bạn, bạn quyết định :)

— Vaillancourt

Là nội suy "đơn tuyến tính" (thường chỉ được gọi là "nội suy tuyến tính") là một tùy chọn?

— Philipp

1

Tôi đã đặt lại câu hỏi để làm cho nó ít dựa trên ý kiến.

— Philipp

chờ đợi .. những gì? tôi không cần phải chấp nhận điều này? : D

— OC_RaizW

1

Ngoài ra còn có khả năng xoay bằng cách cắt , giúp di chuyển các pixel đầu vào xung quanh mà không bị trùng lặp / tách / trộn chúng.

— DMGregory

14

Tự động xoay nghệ thuật pixel theo các góc khác hơn 90 ° thường bị sai. Nếu bạn muốn duy trì tính thẩm mỹ nghệ thuật pixel, bạn thường không thể vẽ lại nghệ thuật của mình theo từng góc độ.

Nếu bạn sử dụng giao diện giả-retro trong đó các họa tiết của bạn thực sự có độ phân giải cao hơn nhiều so với vẻ ngoài của chúng, đôi khi bạn có thể thoát khỏi việc nâng cấp chúng bằng một yếu tố số nguyên mà không cần nội suy trong trình soạn thảo đồ họa của bạn và sau đó xoay chúng trong phép nội suy tuyến tính khi chạy. Để tránh các họa tiết của bạn không bị mờ trong khi ở hướng ban đầu, hãy luôn đảm bảo rằng vị trí vẽ được làm tròn đến số nguyên gần nhất (một số công cụ / khung / thư viện đồ họa cho phép bạn vẽ các họa tiết trên tọa độ điểm nổi thường làm mờ). Nhưng đó thường vẫn chỉ là một sự thay thế lười biếng không đạt được chất lượng bạn có thể đạt được với công việc thủ công.

Dưới đây là một ví dụ về một sprite ở kích thước ban đầu, được nâng cấp theo yếu tố 3 mà không cần nội suy và sau đó được xoay 30 ° với phép nội suy tuyến tính:

— Phi-líp
nguồn

1

Về cơ bản, mỗi "pixel" trở thành 10 x 10 pixel hay tương tự?

— Giăng

2

@ John vâng, đó là những gì tôi muốn nói với giả-retro. 10x10 có thể hơi lớn (tất nhiên phụ thuộc vào độ phân giải của nền tảng phần cứng bạn đang nhắm mục tiêu), nhưng về cơ bản đó là ý tưởng. Bạn có một sprite trông giống như một tác phẩm nghệ thuật pixel 16x32 nhưng thực sự là một kết cấu 48x96 với mỗi pixel "hiển thị" thực sự là 3x3 pixel cùng màu.

— Philipp

thaaat cũng giống như tôi nghĩ ....

— OC_RaizW

Cách tiếp cận tương tự là trong Starbound, khi các pixel "có thể nhìn thấy" thực sự là các hình vuông của 3x3 pixel thực

— trollingchar

15

Hãy nhìn vào RotSprite .

RotSprite là một thuật toán chia tỷ lệ và xoay cho các họa tiết được phát triển bởi Xenowhirl. Nó tạo ra các tạo tác ít hơn nhiều so với các thuật toán xoay lân cận gần nhất và giống như EPX, nó không đưa màu mới vào hình ảnh (không giống như hầu hết các hệ thống nội suy).

Ví dụ về RotSprite

Thuật toán trước tiên chia tỷ lệ hình ảnh lên gấp 8 lần kích thước ban đầu của nó với thuật toán Scale2 × được sửa đổi, xử lý các pixel tương tự (chứ không phải giống hệt nhau) như các kết quả khớp. Sau đó, nó sẽ tính toán phần bù xoay nào sẽ sử dụng bằng cách ưu tiên các điểm được lấy mẫu không phải là các pixel biên. Tiếp theo, hình ảnh được xoay được tạo bằng thuật toán xoay và xoay lân cận gần nhất, đồng thời thu nhỏ hình ảnh lớn trở lại kích thước ban đầu và xoay hình ảnh. Cuối cùng, các chi tiết pixel đơn bị bỏ qua được khôi phục nếu pixel tương ứng trong ảnh nguồn khác nhau và pixel đích có ba hàng xóm giống hệt nhau.

Bạn có thể tự thực hiện thuật toán này như một phần của mã bản vẽ của trò chơi hoặc sử dụng nó để tạo tài sản xoay vòng trước đó. Công cụ nghệ thuật pixel Aseprite đã tích hợp RotSprite như một phần của trình soạn thảo sprite của nó.

GIF của rotsprite đang hoạt động

Ngoài ra, hãy xem chủ đề diễn đàn Unity này về cách sử dụng RotSprite trong Unity, cũng như thông tin chung hơn về RotSprite.

— Rudey
nguồn

trời ơi. tôi đã tải xuống để thống nhất và thử nghiệm nó - và kết quả còn tệ hơn nhiều so với kết xuất pixel thống nhất thông thường .. Nhưng cảm ơn

— OC_RaizW

@OC_RaizW Điều đó không nên xảy ra. Bạn có thể muốn liên hệ với nhà phát triển tài sản Unity.

— Rudey

-4

trên cùng bên trái của trang là một tùy chọn: tự động chọn: nhóm & lớp. chọn tùy chọn lớp sau đó xoay. đó là cách không ai nói với bạn

— soái ca
nguồn

4

Bạn đang nói về trình chỉnh sửa hình ảnh nào? Câu hỏi không đề cập đến bất kỳ công cụ cụ thể. Vì vậy, nếu bạn biết một trình chỉnh sửa hình ảnh trong đó việc xoay một sprite độ phân giải thấp với chất lượng giảm thiểu thực tế rất dễ dàng, vui lòng cho chúng tôi biết những hướng dẫn này được áp dụng.

— Philipp