Làm thế nào để phân chia một khối gạch sprite 2D thành các họa tiết riêng lẻ?

Tôi thấy rất nhiều danh mục sprite cho các trò chơi được cung cấp dưới dạng hình ảnh PNG đơn lẻ, như hình dưới đây.

Tôi quan tâm nếu tôi phải tự tạo các ô từ đó hoặc nếu có chương trình nào đó có thể chia nó thành các kết hợp ô khác nhau cho tôi? Ví dụ, với sự kết hợp gạch bên dưới, tôi sẽ phải tạo ra một bề mặt cỏ phẳng và 8 kết hợp khác với các cạnh khác nhau. Có một cái gì đó có thể tự động hóa nhiệm vụ này?

Truy cập piskelapp.com, sau đó chọn 'Tạo Piskel mới'. Nhấp vào menu bên phải và chọn nhập hình ảnh của riêng bạn; chọn nó, sau đó đặt số lượng kích thước của mỗi ô. Sau khi chỉnh sửa xong, hãy chọn Xuất trong các hình ảnh riêng biệt. Làm xong!

Nếu bạn đang bắt đầu với một ô có kích thước và bố cục thông thường (như trong ví dụ của bạn ) và mục tiêu của bạn là tạo bản đồ ô vuông trong Tiled , thì không cần sử dụng các công cụ của bên thứ ba. Tiled hỗ trợ những điều này dễ dàng và dễ dàng.

Có một vài hướng dẫn về cách sử dụng Tiled như thế này , nhưng nó rất đơn giản:

• Tạo bản đồ mới, chọn kích thước và kích thước ô của nó

• Thêm một ô mới từ tệp, nhập kích thước ô của nó và lề / khoảng cách, nếu có (không có trong ví dụ)

  

• Bắt đầu sơn gạch. Gạch tải của bạn nằm trong thanh bên.

  

Ngoài ra còn có các tính năng tiện dụng khác trong Tiled; những cây bạn nhìn thấy trong ô sẽ được tải dưới dạng các ô riêng biệt, nhưng bạn có thể sử dụng các tính năng của Tiled's Brush để vẽ những cây đó trong một lần. Ngoài ra còn có Công cụ địa hình giúp bạn vẽ chuyển tiếp các ô, sau khi bạn đã xác định các ô viền.

Từ đó, tốt nhất là xử lý toàn bộ bản đồ ô vuông, thông qua các khung hỗ trợ bản đồ TMX , thay vì các ô riêng lẻ. Ví dụ: bạn sẽ tải và kết xuất các lớp gạch hoặc vẽ tất cả các ô "tường" của mình trong cùng một lớp và thực hiện va chạm lớp. Thường không cần phải phân chia một bộ gạch được ủy quyền chính xác thành các ô riêng lẻ.

Sau một hồi vật lộn, tôi tìm thấy thông tin này:

1) Shoebox là một ứng dụng lấy bản đồ như tôi đã liệt kê trong câu hỏi và cố gắng giải nén Sprites , điển hình là toàn bộ địa hình

2) Điều tôi muốn làm tiếp theo là chia hình ảnh này thành 9 ô và có thể ghép lại chúng theo nhiều cách khác nhau. Shoebox dường như cũng có thể làm điều này ( Extract Tiles ). Điều này tạo ra một tệp TMX

3) Dường như bước tiếp theo là nhập bản đồ .TMX kết quả vào trình chỉnh sửa bản đồ ô vuông , như Tiled: http://www.mopeditor.org/doad.html . Từ video, có vẻ như tôi sẽ có thể sắp xếp lại các ô và tạo các kết hợp khác nhau mà tôi cần.

Dường như ShoeBox có một lỗi trên mac khi nó gắn tên thư mục trước tên tệp png (Dòng 4) trong tệp TMX, vì vậy tôi phải xóa thủ công:

name="[REMOVE FOLDER]base_.... 

Danh sách các khung hỗ trợ bản đồ TMX: https://github.com/bjorn/tiled/wiki/Support-for-TMX-maps