Bài 12: Sprite Collection và Sprite Animation trong Unity 2D Toolkit

Nếu bạn đã có trong tay bộ công cụ 2D Toolkit thì ta sẵn sàng cho bài hôm nay nhé.

Bài hôm nay mình sẽ giới thiệu với các bạn về Sprite và Animation trong 2D Toolkit, mục tiêu của bài hôm nay là giúp các bạn có thể thao tác với 2 cái trên.

Bước 1: tải source.

Bước 2: Tạo camera, thì ở đây 2D toolkit đã cũng cấp sẵn cho chúng ta công cụ là tk2dCamera, để tạo các bạn làm như bước sau.

Snap1

Sau khi tạo xong bạn hãy kéo source vào trong project của bạn nhé.

ok xong bước 2.

Bước 3: Ta tạo một folder đặt tên là FishCollection sau khi tạo xong các bạn tạo một Sprite Collection và đặt tên là Fish nhé, làm như hình dưới.

Snap2

Sau khi xong thì bạn làm tiếp như hình dưới, chọn Open editor…

Snap3

Ở đây bạn hãy kéo toàn bộ Source ảnh mà ban đầu mình đã cung cấp cho bạn vào của sổ SpriteCollection.

Snap4

Với những con cá màu xanh bạn hãy chọn nó và bên tab setting phần Collider type chọn Box Trimmed.

Snap5

Tương tụ với những con cá hình xương phần Collider type chọn Force None nhé.

Bước 4: Xong phần Sprite, sau đây ta sẽ tạo Animations.

Như với các bài trước việc tạo Animation khá phức tạp và bạn buộc phải thao tác bằng nhiều dòng lệnh khác nhau để xử lý va chạm hay bất cứ việc gì… Nhưng với 2D toolkit bạn có thể rút ngắn được rất nhiều thời gian.

Để tạo Animation bạn toạ 1 folder đặt tên là Animations , tạo Animation tương tự như tạo Sprite, làm như hình dưới.

Snap6

Chọn Animation vừa tạo rồi nhấn vào Open Editor nhé.

Chọn Create->Clip đặt tên là FishSwimming.

Tuỳ chỉnh các thông số như hình dưới

Snap7

Để tạo animation cho từng đối tượng bạn chỉ cần chọn Sprite mà bạn đã tạo ở các bước trước rồi chiến thôi, các bước trước mình đặt Sprite collection là Fish vì vậy chỗ Collection mình chọn là Fish. chọn đúng nhé.

(Lưu ý: chọn đúng Fish, có 2 loại các là cá màu xanh và cá xương, để tránh bị nhầm lẫn nhấn vào Sprite để chọn nhé)

Làm tương tự với những con cá xương, ở trên mình đặt tên nó là FriedFish.

Bước 5: Sau khi tạo xong Animation ta tiến hành tạo các đối tượng cho nó hiển thị trên màn hình chính.

Các bạn tạo 2 Sprite là con cá và một cái hình mình đặt nó là Thức ăn.

Snap8

Ok bây giờ ta tiến hành add Animator script cho con cá, bạn chọn chon cá rồi chọn Add component->2D Toolkit->Sprite->tk2dSpriteAnimator.cs

Snap9

Tiếp theo ta add thêm Rigidbody vào cho con cá vào thức ăn ( Add component->Phisics)

Snap10

tương tự như các Sprite thức ăn nhé.

Bước 6: Add tag cho thức ăn, mình đặt tên nó là “Cham” cái này để xử lý khi có va chạm

Snap12

 

Bước 7: Chọn Sprite con cá và add Script mới đặt tên là Fish.cs

 

 

Snap11

Mở tool lên để code thôi, gõ đoạn code sau vào rồi chạy chương trình nhé.

Snap13Snap14

 

Ok vậy là ta đã xong, ở bài này bạn sẽ hiểu làm như thế nào để tạo một Sprite Collection, Sprite Animation và làm sao để gọi Animation và xử lý khi có va chạm.

 

 

 

Advertisements

Giới thiệu bộ công cụ 2D Toolkit dành cho dân Unity3D

Chào các bạn! do mấy tháng vừa rồi mình bận vì nhiều việc phải giải quyết thì tháng này mình đã quay trở lại với Unity3D và sẽ tiếp tục viết các bài hướng dẫn đều đặn cho các bạn quan tâm :).

Hôm nay mình xin giới thiệu với các bạn bộ công cụ rất rất tuyệt vời mà mình mới bỏ tiền ra mua nó, thực sự cái gì bỏ tiền ra thì mới cảm nhận được hết những lợi ích của nó mang lại :D, nói hơi quá ^^!

2D Toolkit là một tập hợp các công cụ để phát triển game 2D, nó được tích hợp sẵn các collider và hệ thống các văn bản tương thích với Unity. như với các bài trước mình có làm thì việc căn chỉnh các GuiText, tạo hiệu ứng, tạo Camera để tương thích với từng thiết bị hay tạo Animation khá phức tạp, nhưng với công cụ này nó đã hỗ trợ cho bạn khoảng 80% năng lượng và thời gian :D. Bạn có thể xem một số hình ảnh và video demo ở dưới để thấy rõ lợi ích mà nó mang lại.

Collider demo
[​IMG]

Sprite workflow Part 1

Sprite workflow Part 2

-Vậy là bạn đã biết được một chút ít về bộ công cụ 2D Toolkit, để hiểu rõ và lắm bắt được toàn bộ chức năng của nó bạn bắt buộc phải mua bản Full thôi, mình cũng như các bạn trước đó mình cũng đắn đo lắm mới quyết định mua tuy giá của nó không rẻ cho lắm, hiện tại giá của bộ công cụ này là 75$ bạn có thể xem tại đây.

Nếu bạn nào không đủ 75$ để mua chính chủ thì có thể liên hệ mình, mình sẽ để rẻ cho các bạn với giá 10$, việc mua theo hình thức này sẽ giúp các bạn giảm thiểu được chi phí tốn kém nhưng bạn sẽ không được support từ nhà phát triển của bộ công cụ này, vì vậy hãy cân nhắc trước khi lựa chọn :).

liên hệ qua mail cho mình nhé!

email: tuananhict365@gmail.com

-Chúc các bạn thành công!