Tạo các hạt hoạt hình đẹp với thư viện Javascript này
Có hàng tấn thư viện hoạt hình miễn phí tất cả với các hiệu ứng và đặc sản khác nhau. Nhưng, thư viện Particles.js mới đi theo một hướng hoàn toàn mới bằng cách tạo hạt hoạt hình cái đó di chuyển trong thời gian thực trên tất cả các trang.
Thư viện dễ sử dụng này hoàn toàn miễn phí và có nguồn mở trên GitHub. Nó chắc chắn sẽ không giúp bạn cải thiện UX của trang web của bạn nhưng nó có thể giúp bạn thêm một số hiệu ứng hạt xen kẽ đến nền.
Trên trang chính, bạn sẽ tìm thấy một bản demo tương tác trực tiếp nơi bạn có thể chơi xung quanh với các tính năng của thư viện. Điều này cho phép bạn điều chỉnh kích thước hạt, tốc độ, hình dạng, màu sắc, vị trí, bạn đặt tên cho nó.
Vì đây là một thư viện chi tiết, nên nó đòi hỏi một hiểu biết tốt về JavaScript để làm cho nó hoạt động. Đó là lý do tại sao bản demo trực tiếp này rất có giá trị vì nó cho phép mọi người chơi xung quanh với các cài đặt này để xem những gì có thể có trong JavaScript.
Và, nếu bạn ổn với việc xuất các đồ họa này, bạn có thể lưu hình ảnh trực tiếp từ trang demo ứng dụng web. Bạn có thể xuất một PNG thô hoặc thậm chí lưu tất cả các cài đặt tùy chỉnh của bạn vào một tệp JSON mà sau đó nhập trực tiếp vào tập lệnh Particles.js.
Theo mặc định, bạn có thể chọn từ một một số ít các chủ đề với các kiểu hạt khác nhau:
- Sao NASA
- Bong bóng
- Tuyết
- Sao mèo Nyan
- Hình dạng hình học mặc định
Với các mặc định này, bạn vẫn có thể chỉnh sửa tất cả các cài đặt chính để tinh chỉnh màu sắc, vị trí, tốc độ và mọi thứ khác.
Phần tốt nhất của toàn bộ thư viện này là tính năng tùy biến trực tiếp ngay trên trang chính Nếu bạn muốn tìm hiểu chi tiết về nitty-gritty, bạn thực sự cần phải hiểu JavaScript và mã hóa frontend.
Nhưng, ngay cả người mới bắt đầu cũng có thể làm việc thông qua giao diện, chọn cài đặt họ muốn và xuất mọi thứ dưới dạng tệp JSON.
Một thư viện tuyệt vời cho bất cứ ai tìm đến tạo các hạt động trên web. Để tìm hiểu thêm, hãy truy cập repo GitHub và bạn có thể chia sẻ suy nghĩ của mình với người tạo Vincent Garreauon trên Twitter @VincentGarreau.
