Làm thế nào để bạn tiếp cận độc lập độ phân giải trong nội dung đồ họa dựa trên raster?

Những trò chơi không đủ may mắn để chạy trên một nền tảng bị khóa, như thiết bị cầm tay, cần phải chạy trên các định dạng độ phân giải và tỷ lệ khung hình khác nhau.

Trong trò chơi 3D, bạn có thể có HUD hoặc GUI menu dựa trên đồ họa raster, và trong trò chơi 2D, bạn có thể có một loạt các hình tứ giác là các tàu cho các họa tiết.

Vì vậy, câu hỏi của tôi là, làm thế nào để bạn tiếp cận thiết kế và vận hành nội dung trên các độ phân giải và tỷ lệ khung hình khác nhau? Giả sử bạn có một ký tự sprite là 300x400 pixel sprite và được bao quanh bởi một mức được tạo bởi các ô. Trên các độ phân giải / tỷ lệ khung hình khác nhau, bạn sẽ thấy một FOV khác nhau hoàn toàn. Hoặc nếu bạn có menu HUD hoặc GUI, bạn muốn giữ một số nội dung ở cùng vị trí và có cùng kích thước so với màn hình. Tuy nhiên, nguồn đồ họa là bitmap raster, không phải vector.

Rõ ràng, vấn đề đã được giải quyết nhiều lần. Tôi rất thích nghe nhiều cách tiếp cận khác nhau có hiệu quả với bạn cho đến nay. Bạn có giữ một đơn vị 'pixel' không xác định kích thước tùy ý mà bạn chuyển đổi một cách kỳ diệu thành các kích thước cần thiết thông qua công thức dựa trên tỷ lệ độ phân giải và tỷ lệ khung hình hoặc các phương pháp khác không?

chỉnh sửa:

Vì vậy, kết luận là liệt kê tỷ lệ khung hình của bạn. Sự kết hợp thấp nhất của khía cạnh: độ phân giải là thứ bạn thiết kế thứ quan trọng. Một khu vực an toàn nếu bạn muốn. Tỷ lệ khung hình giống nhau, nhưng độ phân giải cao hơn là các vấn đề mở rộng đơn giản. Nội dung nghệ thuật được thiết kế cho độ phân giải cao nhất. Tỷ lệ khung hình lớn hơn chỉ đơn giản là hiển thị nhiều cấp độ / FOV hơn với thông tin được trình bày không quan trọng bằng thông tin trong khu vực an toàn. Một cái gì đó giống như trong hình ảnh này tôi đã thực hiện .

Nếu độ phân giải của bạn tương tự nhau, bạn chỉ có thể sử dụng cùng một nghệ thuật trên tất cả chúng với một số có thể thu nhỏ trong thời gian chạy cho màn hình nhỏ hơn. Nếu chúng khác nhau nhiều hơn so với hệ số 2 lần, bạn sẽ cần tác giả (hoặc ít nhất là có một tinh chỉnh nghệ sĩ) các tài sản riêng cho các độ phân giải khác nhau.

Với 2D, độ phân giải có ảnh hưởng rất lớn đến cách bạn thiết kế hình ảnh. Một sprite trông rất chi tiết và thực tế ở độ phân giải cao sẽ bị lầy và không thể giải mã được thu nhỏ lại. Tương tự như vậy, một sprite sạch và sắc nét ở độ phân giải thấp sẽ trông rẻ tiền và quá đơn giản ở độ phân giải cao.

Một cách là tạo các tài sản hình ảnh theo định dạng véc tơ (SVG, Illustrator, v.v.) và chuyển đổi chúng thành hình ảnh raster khi cần bởi các phiên bản khác nhau của trò chơi.

Khi duy trì toàn màn hình ở các độ phân giải khác nhau, nếu bạn muốn hoàn thiện pixel (nghĩa là "Như nghệ sĩ đã tạo ra nó"), thì vấn đề là không có cách nào hoàn toàn tự động để tăng tỷ lệ mọc lên HOẶC (hoặc xoay chúng) mà không ' t yêu cầu sự chấp thuận của con người. Cuối cùng, đó là vì vị trí của pixel là một điều chủ quan. Thuật toán kết xuất thực hiện một số tỷ lệ hoặc xoay và phải sử dụng một số kỹ thuật gần đúng để làm điều này, ví dụ. lọc song tuyến. Nếu bạn vẫn muốn cạnh cứng trên pixel để có mà "điểm ảnh hoàn hảo" (tức là không sử dụng AA hoặc BF), sau đó bạn sẽ phải chấp nhận rằng tỉ lệ bằng một mức độ nào không quyền lực-of-2 được đi tới sản xuất một số tạo tác không mong muốn.

Một cách tiếp cận thú vị cho một vấn đề tương tự được tìm thấy trong RotSprite , một ứng dụng / thuật toán được thiết kế để thực hiện các phép quay "tự động" của các họa tiết. Do đó, ý tôi là nó tạo ra một số kết quả cuối cùng có thể mong muốn sau khi xử lý chuyên sâu, để người vận hành chọn. Các sprite được chọn bằng tay sau đó kết thúc vào trò chơi, có nghĩa đây là bước tạo nội dung chứ không phải là thời gian chạy.

Một câu trả lời khả dĩ cho câu hỏi "pixel bất khả tri ma thuật tùy ý" của bạn: OpenGL (mà bạn có thể dự định sử dụng nếu bạn đang sử dụng đa nền tảng) hoạt động theo cách hoàn toàn khác với trình kết xuất raster phần mềm. Nó xem xét chiều rộng và chiều cao của màn hình trong phạm vi điểm nổi 0,0-> 1,0 và ánh xạ các pixel tương ứng trên GPU. Tất nhiên điều này có thể tự nó dẫn đến tạo tác, trừ khi, ví dụ. BF được bật cho kết cấu (đó là những gì các họa tiết của bạn có trong OpenGL).