Chin Cheung Lui
Rive animator | 3D Generalist
New to Contra
Chin Cheung is building their profile!
Building a Dynamic Coin Collection System
I developed a coin collection script using the Rive AI Agent.
The script allows coins to be emitted from a dynamic source position and fly towards a dynamic target position, which can be set based on the UI element’s position.
I also added configurable attributes, such as emission rate and animation speed, making the system flexible and reusable across different UI scenarios.
It was a great experiment in using AI-assisted development to create a more dynamic and reusable game UI animation system.
Give it a try 👉 https://rive.app/s/se59fUOxYku-vvJSeduc1g/?runtime=rive-renderer
0
40
Creating a configurable popup in Rive
I created this configurable popup in Rive, using Data Binding to make the text content and layouts dynamic.
Instead of creating a separate animation for each package, the same Rive asset can be customized dynamically with different content and offers for different players.
This approach makes the animation more flexible, reusable, and easier to maintain, while still giving us control over the visual presentation.
Link below if you’d like to give it a try. 👇 https://rive.app/s/f0CC0YXvyU6dsSpc8r8wiA/?runtime=rive-renderer
1
92
🎮 Bringing characters to life with idle animation and mouse interactions
I experimented with adding idle animation and mouse interaction to make the characters feel more alive.
For the interaction, I used a simple approach: when the mouse enters the character’s area, the character’s head follows the mouse position, creating a more engaging and reactive experience.
Once the mouse leaves the area, the head smoothly returns to its default position.
A small interaction, but it makes the characters feel more dynamic, alive, and connected to the player.
Link below if you’d like to try👇https://rive.app/s/eVGIORCeekesLA9gtVQinw/?runtime=rive-renderer
0
134
Making game UI more engaging with animation
To help attract players’ attention, I created a looping bounce animation for both the gift box and coin stack, along with a subtle gleam effect to make the rewards feel more eye-catching.
Since the message box uses a responsive layout, I used constraints, Follow Path, and Data Binding in Rive to connect the animations to the layout while keeping everything flexible and responsive.
It was a great opportunity to combine animation and interactive UI techniques to make the experience feel more dynamic without being too distracting.
https://rive.app/s/kyI1NIiDwk2p5q2t-CqoSg/?runtime=rive-renderer
1
265