Triển khai hoạt ảnh trang tính sprite
Môi trường xác minh
- Windows
-
- cửa sổ 11
- Biên tập viên Unity
-
- 2020.3.25f1
- Gói hệ thống đầu vào
-
- 1.2.0
Điều kiện tiên quyết cho mẹo này
Các cài đặt sau đây được cấu hình sẵn làm điều kiện tiên quyết để giải thích các mẹo này.
Sprite Sheet Animation là gì?
Trong các trò chơi hiện đại, các nhân vật và hiệu ứng được hoạt hình bằng cách di chuyển các mô hình 3D, tính toán các vụ nổ trong thời gian thực và hiển thị hiệu ứng. Điều này đã trở nên khả thi vì sức mạnh tính toán của máy chơi game đã tăng lên, nhưng vì các máy chơi game cũ không có nhiều sức mạnh như vậy, hoạt ảnh tấm sprite liên tục chuyển đổi hình ảnh để làm cho nó trông như thể nó đang di chuyển là chủ đạo. Nguyên tắc giống như anime được phát trên TV. Hoạt ảnh tấm Sprite được sử dụng bởi ít trò chơi hơn so với trước đây, nhưng chúng vẫn thường được sử dụng vì tải cần thiết để tính toán thấp hơn nhiều.
Hoạt ảnh trang tính Sprite chuyển đổi và hiển thị nhiều hình ảnh liên tiếp. Rất hiếm khi chuẩn bị nhiều tệp hình ảnh như có và về cơ bản tất cả các mẫu hiển thị đều được bao gồm trong một hình ảnh. Điều này giúp quản lý các tệp hình ảnh dễ dàng hơn và giảm tải khi tải tệp hình ảnh. Tệp hình ảnh tóm tắt hoạt ảnh này được gọi là "trang tính sprite".
Tạo một trang tính sprite
Một tờ sprite về cơ bản chỉ là một tệp hình ảnh. Vì nó không liên quan gì đến Unity, vui lòng tạo nó bằng một công cụ chỉnh sửa hình ảnh. Định dạng tệp cuối cùng sẽ là tệp PNG mà Unity có thể xử lý.
Ngoài ra, có các quy tắc sau đây để tạo các tấm sprite.
- Thống nhất kích thước hình ảnh của tất cả các khung. Ví dụ: nếu hình ảnh đầu tiên là 32x32 pixel, hình ảnh thứ hai và hình ảnh tiếp theo sẽ là 32x32 pixel. Ví dụ: nếu bạn chuẩn bị một tờ sprite ở định dạng "3x2" với 6 khung, kích thước của tấm sprite sẽ là 96x64 pixel.
- Bạn có thể căn chỉnh hình ảnh một cách tự do như "6x4" hoặc "2x8", nhưng hãy chắc chắn tạo nó với giả định rằng tất cả các khung hình sẽ được lấp đầy. Nếu đó là "6x4", thì đó là 24 khung hình, v.v. Nếu đó là hoạt ảnh 13 khung hình, hãy chuẩn bị nó với "1x13" hoặc "13x1".
- Vì nó là một hình ảnh động, nó được căn chỉnh đúng cách để không có sự sai lệch trong các khung hình trước và sau.
- Hướng của hoạt ảnh bắt đầu từ ô phía trên bên trái và đi sang phải, và khi bạn đi đến ngoài cùng bên phải, nó bắt đầu từ bên trái một bước xuống và đi sang phải một lần nữa.
Trên thực tế, bạn không phải thực hiện nghiêm ngặt những điều trên trong Unity, nhưng việc quyết định trước các thông số kỹ thuật sẽ dễ dàng hơn nhiều.
Lần này, tôi sẽ sử dụng một tờ sprite để chuyển đổi các số sau. Một hình vuông có kích thước 32x32 pixel. Nó bao gồm 24 khung hình "6x4", vì vậy kích thước hình ảnh là 192x128 pixel.
Định cấu hình trang tính sprite trong Unity Editor
Khi bạn đã tạo dự án của mình, hãy thêm tệp trang tính sprite vào dự án của bạn.
Ở đây, người ta giả định rằng tên tệp là NumberAnimation .
NumberAnimation Chọn tệp và điền vào trình kiểm tra như sau:
| Giá trị | mặt hàng |
|---|---|
| Loại kết cấu | Sprites (2D và UI) |
| Chế độ Sprite | số nhiều |
Có nhiều cài đặt khác có thể được định cấu hình, nhưng hãy để nguyên như hiện tại. Sau khi định cấu hình, hãy nhấp vào nút "Sprite Editor".
Nếu hộp thoại bên dưới xuất hiện, hãy nhấp vào nút "Áp dụng". Trên thực tế, các cài đặt của trình kiểm tra này sẽ được lưu và nếu bạn cuộn xuống dưới cùng, có nút "Áp dụng", vì vậy bạn cần lưu cài đặt bằng nút này. Nó cũng sẽ được lưu bởi "Áp dụng" trong hộp thoại, vì vậy không quan trọng bạn lưu nó theo cách nào.
Sprite Editor xuất hiện. Trong phần này, chúng ta sẽ làm việc để tách sprite ra khỏi tấm sprite.
Có một nút gọi là "Slice" ở góc trên bên trái, nhấp vào nó và thay đổi loại thành "Grid By Cell Size". Trong trang tính sprite này, một kích thước của sprite là pixel "32x32", vì vậy hãy nhập 32 cho mỗi kích thước pixel. Khi bạn hoàn tất, hãy nhấp vào nút Cắt.
Hình ảnh này rất khó hiểu vì dường như được phân chia rõ ràng ngay từ đầu, nhưng nó được chia cho 1 sprite 32px. Nhấn phím "Ctrl" và đường tách sẽ xuất hiện màu xanh lá cây.
Sau khi tách, hãy lưu nó bằng nút "Áp dụng".
Nếu bạn nhấp vào hình tam giác trong tệp hình ảnh của dự án để mở rộng nó, bạn có thể thấy rằng sprite đã được chia.
Vị trí Sprite và hoạt hình
Kéo sprite tập hợp vào chế độ xem và đặt nó.
Sau đó, một hộp thoại sẽ xuất hiện, vì vậy hãy lưu NumberAnimation nó dưới dạng .
Tệp này chứa các cài đặt hoạt hình.
Sprite đầu tiên được đặt trong chế độ xem và bộ điều khiển hoạt hình và clip hoạt hình được tạo trong dự án. Nếu hình ảnh nhỏ, hãy đặt tỷ lệ để làm cho hình ảnh lớn hơn.
Tại thời điểm này, cài đặt hoạt ảnh mặc định sẽ được áp dụng, vì vậy bạn chỉ có thể chạy trò chơi. Bạn sẽ có thể thấy rằng hoạt ảnh sprite di chuyển ngay khi trò chơi bắt đầu.
Ngăn hoạt ảnh lặp lại
Chọn tệp clip hoạt hình (NumberAnimation.anim) từ dự án của bạn.
Trong trình kiểm tra, có một hộp kiểm cho "Thời gian vòng lặp", vì vậy hãy bỏ chọn nó.
Nếu bạn chạy trò chơi, bạn sẽ thấy rằng hình ảnh động dừng lại ở 24. Nó có hiệu quả cho các hiệu ứng nổ một lần.
Thay đổi tốc độ của hoạt ảnh
Chọn sprite bạn muốn tạo hiệu ứng hoạt hình từ hệ thống phân cấp.
Sau đó chọn Hoạt hình chuyển hướng. Nếu bạn không có tab Hoạt hình, hãy chọn Cửa sổ > Hoạt hình > Hoạt hình từ menu.
Có một số gọi là "mẫu", đó là một số lần để chuyển đổi hình ảnh trong một giây. Trong mẫu này, hình ảnh động là 24 khung hình, vì vậy hoạt ảnh được lặp lại sau mỗi 2 giây.
Nếu bạn giảm con số này, tốc độ hoạt ảnh sẽ chậm hơn và nếu bạn tăng nó, tốc độ sẽ tăng lên.
Giới thiệu về các cài đặt hoạt hình nâng cao khác
Các cài đặt hoạt hình khác nhau được giải thích riêng trong các mẹo dành riêng cho hoạt hình. Các cài đặt này không dành riêng cho hoạt ảnh sprite, nhưng không dành riêng cho Nó giống như thiết lập các hình ảnh động chuyển động và hoạt ảnh 3D khác.
Trong mẹo này, chúng tôi sẽ giải thích cách di chuyển từ một tờ sprite dưới dạng hoạt ảnh.