Nếu bạn từng làm việc với Rive, chắc hẳn bạn đã gặp tình huống này:
Muốn test nhanh một file .riv, nhưng lại phải tạo project React hoặc Next.js, cài runtime, viết vài chục dòng code chỉ để xem animation chạy như thế nào.
Hoặc khi designer gửi một file mới, bạn chỉ muốn kiểm tra State Machine, Inputs, Artboard hay Animation có hoạt động đúng không, nhưng việc setup mất nhiều thời gian hơn việc kiểm tra.
Đó chính là lý do mình tạo ra Rive Playground.
Đây là một playground trực tuyến giúp bạn mở file .riv ngay trên trình duyệt, không cần tạo project, không cần cài đặt, không cần viết bất kỳ dòng code nào.
Bạn chỉ cần kéo thả file hoặc tải lên, sau đó có thể:
- Xem toàn bộ Artboards.
- Chuyển đổi giữa các State Machines.
- Test từng Animation.
- Điều chỉnh Inputs theo thời gian thực.
- Kiểm tra cách animation phản hồi trước khi tích hợp vào ứng dụng.
Mục tiêu của Rive Playground là rút ngắn khoảng cách giữa Designer và Developer.
Designer có thể tự kiểm tra animation trước khi bàn giao.
Developer có thể debug nhanh mà không cần mở project.
QA cũng có thể xác nhận hành vi của animation chỉ với một file .riv.
Nếu bạn làm việc với Rive mỗi ngày, mình hy vọng công cụ này sẽ giúp bạn tiết kiệm rất nhiều thời gian và làm cho quá trình phát triển trở nên đơn giản hơn.
Mình rất mong nhận được feedback và những ý tưởng mới để tiếp tục cải thiện Rive Playground trong các phiên bản tiếp theo!!!!
