Một hình ảnh "ma" là một bộ sưu tập các hình ảnh nhỏ hơn, tất cả được ghi âm lại với nhau trong một hình ảnh lớn. Khi hình ảnh này được sử dụng trong sản xuất, sử dụng CSS định vị, mỗi phần tử được cho thấy, nhưng mà không thấy những người khác.
Kỹ thuật này được sử dụng rộng rãi trên các trang web quy mô lớn, là một cách lý tưởng để tối ưu hóa thời gian tải trang bằng cách tải tất cả các hình ảnh cùng một lúc.
Kỹ thuật này cũng được sử dụng với các trò chơi và các công cụ hoạt hình, nơi mà hình ảnh sprite được sử dụng để làm ra các vòng lặp hoạt hình.
Đối với những loại họa tiết, hình ảnh động được vẽ ra như là một hình ảnh duy nhất, mỗi khung hình được ghi âm bên cạnh khung trước đó.
Các hình ảnh động sau đó di chuyển từ một khung kế tiếp, trong một kế nhanh chóng, cho những ảo ảnh của một chuyển động liên tục.
Các "Animated sprites" class là một thư viện MooTools để tạo chuỗi hình ảnh động như vậy, bằng cách sử dụng hình ảnh sprite và HTML5 canvas
là gì mới trong phiên bản này:.
- Cố định kích thước base64 lỗi.
Yêu cầu :
- kích hoạt JavaScript về phía khách hàng
- MooTools
Bình luận không