Nhập khẩu và Sử dụng Hoạt ảnh | hyperPad Documentation

Loading...

Logo
DocumentationBắt đầuNhập khẩu và Sử dụng Hoạt ảnh

Bằng hyperPad, bạn có thể tạo ra các đối tượng với các hoạt ảnh tùy chỉnh. Bạn có hai lựa chọn khi nói đến hoạt ảnh. Bạn có thể nhập các hoạt ảnh dưới dạng từng khung hình riêng lẻ, hoặc một bảng sprite hoàn chỉnh.

Khung hình riêng lẻ:

Bạn có thể tạo một chu kỳ hoạt ảnh bằng cách nhập một chuỗi hình ảnh khung hình riêng lẻ.

Để bắt đầu, bạn phải nhập khung hình đầu tiên hoặc một hình ảnh để đại diện cho đối tượng của bạn từ "Thư viện Tài sản" (Xem Nhập Tài sản). Khi bạn đã nhập đối tượng của mình, hãy chạm và giữ ngón tay trên đối tượng mà bạn muốn thêm hoạt ảnh vào, điều này sẽ hiển thị Menu Tài sản.

Từ Menu Tài sản, chọn "Thêm Hoạt ảnh", một hộp thoại sẽ hiện lên với tùy chọn nhập từ Camera Roll, hoặc Dropbox. Xem "Nhập Tài sản" để biết thêm chi tiết về các tùy chọn này.

Khi bạn đã chọn nguồn nhập mong muốn, bạn có thể chọn tất cả các khung hình của hoạt ảnh, sau đó chạm "Xong" ở góc trên bên phải để tiếp tục nhập các khung hình này.

Sau đó bạn sẽ được yêu cầu nhập tên cho chu kỳ hoạt ảnh.

Khi bạn đã nhập tên của chu kỳ, hyperPad sẽ tạo một bảng sprite với tất cả các chu kỳ hoạt ảnh cho tài sản đó (bao gồm cả đồ họa tài sản gốc). Hãy ghi nhớ rằng hyperPad chỉ tạo một bảng sprite với độ phân giải tối đa là 2048x2048 pixel. Điều này có nghĩa là tổng kích thước cho mỗi khung hình nhập (bao gồm cả tài sản gốc) không thể vượt quá kích thước bảng sprite tối đa.

Nếu bạn đang làm việc với các hình ảnh lớn hơn, nhiều khung hình hoạt ảnh, hoặc cả hai. Có thể bạn sẽ gặp lỗi thông báo rằng bạn đã vượt quá kích thước tối đa của bảng sprite. Nếu bạn quyết tâm sử dụng đồ họa lớn như vậy thì có một vài cách để giải quyết vấn đề này.

  1. Chia các chuỗi hoạt ảnh của bạn thành nhiều đối tượng. Mỗi đối tượng sẽ có bảng sprite 2048x2048 riêng. Vì vậy, hãy có một đối tượng "đi bộ", có một đối tượng "nhảy", v.v. nơi mỗi đối tượng lưu trữ chu kỳ hoạt ảnh (hoặc nhiều chu kỳ). Bằng cách này bạn tạo ra nhiều bảng sprite 2048x2048.

  2. Không nhập chúng như các chu kỳ hoạt ảnh. Chỉ cần nhập từng khung hình hoạt ảnh như hình ảnh của riêng nó. Sau đó sử dụng hành vi Chạy Hoạt ảnh và thêm từng khung hình thủ công vào dòng thời gian hoạt ảnh trong các thuộc tính hành vi.

Bảng Sprite:

Bạn có thể tạo các bảng sprite tùy chỉnh và nhập chúng vào hyperPad bằng cách liên kết dự án của bạn với Dropbox. Để tìm hiểu thêm về việc liên kết dự án của bạn với Dropbox, hãy xem "Nhập Tài sản".

Để tạo bảng sprite tùy chỉnh, bạn có thể sử dụng bất kỳ công cụ nào có khả năng tạo bảng sprite tương thích với "Cocos2D". Tất cả các bảng sprite phải có tệp PLIST đi kèm chứa siêu dữ liệu của bảng sprite. Bạn có thể xem bài viết giúp đỡ "Các loại Tài sản được Hỗ trợ" để tìm hiểu thêm về các bảng sprite tương thích.

Xem Hoạt ảnh:

Nếu tài sản của bạn có hoạt ảnh, nó sẽ được gán nhãn trong "Thư viện Tài sản" là một tài sản "Động".

Để xem trước các hoạt ảnh của tài sản, hãy mở "Menu Tài sản" bằng cách chạm và giữ ngón tay trên tài sản động sau đó chọn "Xem Hoạt ảnh".

Từ đây, bạn có thể hiển thị lại "Menu Tài sản" lần nữa, và chọn "Xem trước Hoạt ảnh". Cửa sổ pop-up sẽ phát hoạt ảnh và cũng cho bạn thấy thông tin hữu ích.

Nếu bạn chạm và giữ ngón tay trên một chu kỳ hoạt ảnh, nó sẽ mở Menu Tài sản cho phép bạn xem các khung hình riêng lẻ cho chu kỳ đó.

Sử dụng Hoạt ảnh:

Bạn có thể thêm một tài sản động ngay vào canvas, hoặc sử dụng hành vi "Chạy Hoạt ảnh" để phát một hoạt ảnh khi cần.

Để thêm một tài sản động trực tiếp lên canvas, hãy khởi động "Thư viện Tài sản" và xem hoạt ảnh của tài sản động. Nếu bạn chọn một chu kỳ hoạt ảnh, nó sẽ được thêm vào "Dock" cho phép bạn kéo nó vào cảnh của bạn.

Khi bạn thêm một chu kỳ hoạt ảnh vào canvas, nó sẽ tạo ra một đối tượng và tự động thêm hành vi "Chạy Hoạt ảnh" vào nó. Nếu bạn cần thay đổi cài đặt phát lại hoạt ảnh cho đối tượng đó, bạn có thể làm như vậy từ các hành vi của đối tượng.

Sử dụng hành vi "Chạy Hoạt ảnh":

Nếu bạn cần phát một hoạt ảnh khi một sự kiện xảy ra, chẳng hạn như khi người dùng nhấn một nút hoặc di chuyển một cần điều khiển, thì bạn có thể sử dụng hành vi "Chạy Hoạt ảnh".

Bắt đầu bằng cách thêm một tài sản động vào canvas. Sau đó chọn đối tượng và khởi chạy "Trình chỉnh sửa Hành vi" từ "Thuộc tính Đối tượng".

Trong ví dụ này, chúng ta sẽ làm cho đối tượng phát một hoạt ảnh khi nó được nhấn. Bắt đầu bằng cách thêm hành vi "Bắt đầu chạm".

Tiếp theo, thêm hành vi "Chạy Hoạt ảnh" từ danh mục FX, và kết nối nó với hành vi "Bắt đầu chạm" mà bạn đã thêm trước đó.

Khi nó đã được kết nối, hãy chạm vào hành vi "Chạy Hoạt ảnh" để xem "Thuộc tính Hành vi". Từ các thuộc tính hành vi, bạn có thể thay đổi đối tượng nào sẽ được phát hoạt ảnh, hoạt ảnh nào sẽ phát và các tham số khác ảnh hưởng đến việc phát lại hoạt ảnh.

Trong các thuộc tính hành vi, hãy chạm vào ô được dán nhãn "Chọn Hoạt ảnh". Điều này sẽ hiển thị dòng thời gian hoạt ảnh, cho phép bạn thêm các khung hình hoặc chu kỳ hoạt ảnh.

Để thêm hoạt ảnh vào dòng thời gian, bạn có thể chạm vào biểu tượng "Thư viện Tài sản" để mở thư viện tài sản. Bất kỳ tài sản đồ họa nào bạn chạm vào sẽ tự động được chọn và thêm vào dòng thời gian.

Nếu bạn muốn thêm một chu kỳ hoạt ảnh, hãy nhấn và giữ một tài sản động để mở "Menu Tài sản". Từ Menu Tài sản, hãy chọn "Xem Hoạt ảnh". Thư viện Tài sản giờ đây sẽ hiển thị tất cả các chu kỳ hoạt ảnh mà bạn đã thêm vào tài sản trước đó. Chạm vào một chu kỳ sẽ thêm nó vào dòng thời gian.

Khi bạn đã hoàn thành việc thêm hoạt ảnh vào dòng thời gian, bạn có thể chạm vào màn hình hành vi để đóng dòng thời gian và quay lại trình chỉnh sửa hành vi.

Nếu bạn nhấn "Phát", đối tượng sẽ chỉ hoạt ảnh khi bạn chạm vào nó.