Cyril Drouin - 2D Animator | ContraWork by Cyril Drouin
Cyril Drouin

Cyril Drouin

Motion Designer

We all use file transfer services like WeTransfer or SwissTransfer daily, but the experience is often quite austere. For the #RiveChallenge, I wanted to inject some fun and original interaction into this mundane step. The Concept The goal was to create the sensation that there is a character behind the screen, as if the user is looking through a window with a plunging view into a tech-colored environment. The interaction transforms a simple loading bar into a playful moment. Technical Process & Challenges To achieve the specific visual style and interaction, I had to push the technical capabilities of Rive: Custom Strokes: I built tapered strokes directly using Luau scripts to get the desired organic look that standard strokes couldn't provide. Advanced Scrolling: The interaction required a custom scroll model with more options than the default, which also had to be handled via Luau scripting. From 2D Rough to Final A significant part of my process involved creating a 2D rough animation in Animate first. This was crucial to validate the system mechanics and get a quick preview of the motion, similar to an animation film pipeline. Initial Concept: During creation, I explored using the scroll system for micro-narratives (where each scroll tells a small story about the character falling, etc.). While this is a feature for a larger future project, I stuck to the initial interactive concept for this challenge. Refinement: The 2D rough served as the guideline for the final keyframing work in Rive. Try it out Here ! (https://rive.app/community/files/28122-53104-making-file-transfers-fun/)  I hope you enjoy this concept as much as I enjoyed building it. I invite you to test the interaction and have fun with it. (Optional: You can see the 2D rough version that guided the keyframes here: https://rive.app/s/EJWSVx8gUUakzES_Aok5uA/?runtime=rive-renderer) #RiveChallenge #InteractionDesign #Luau #MotionDesign #UX #Animation
1
11
505
My entry for the Rive Challenge: a week-long creative sprint exploring the intersection of creative coding, interactive games, and experimental interfaces. I set myself a daily constraint—30 minutes to 2 hours—to discover how far Rive's scripting could take me. Despite being new to Luau, working with Claude Code and the Rive agent unlocked something unexpected: AI became a creative partner, not just a tool. The workflow felt natural experiment, break things, iterate, learn mirroring how I approach traditional creative work. What excites me most? These experiments aren't finished pieces. They're seeds for future projects, proof that Rive's scripting opens entirely new creative possibilities. Discovering this dimension of Rive has been pure joy.
8
30
563
1 Collaborator
Cat Night Mini Game - Full Rive, No Code, Fully Responsive 🐱🌙🎮 My final entry for the #RiveChallenge! This mini-game pushed me to explore Rive's capabilities in a whole new way. While it could definitely be expanded with more enemies and interactions, I set myself an extra challenge: make it fully responsive across any screen size. The Challenge: Making everything adapt seamlessly to any format - mobile, tablet, or desktop. The Solution: Rive's data binding combined with micro-interactions created a complete gaming experience without a single line of code. What's Next: Scripting will unlock deeper possibilities, but this proves how far pure Rive mechanics can go. 👉 Play now: https://rive.app/community/files/25251-47150-cat-night/ Catch the sleeping mice while dodging the others - drop your best score! 🏆
1
15
78
1.2K
1 Collaborator
Dogs Meet - When Slow Motion Becomes Interactive 🐕🚗✨ New collaboration with @Julien Denamur on Rive! For this first illustration together, I wanted to explore the concept of interactive slow motion and discover how to create immersive storytelling through animation. The exploration: How can slow motion become an interactive narrative tool? By giving users control over time, we transform a simple scene into an experience where everyone can discover details and emotion at their own pace. 👉 Explore the interaction: https://rive.app/marketplace/23878-44637-dogs-cars/ 🔜 Stay tuned! A new entry is coming by the end of the week. This collaboration continues to excite me - each project is an opportunity to explore new ways of telling stories through interaction.
1
20
109
1.4K
1 Collaborator
Bye Quincy - A 2D to 3D Tribute 🎵✨ My submission for the #RiveChallenge ! I explored classic 2D-to-3D techniques using Rive's data binding capabilities, bringing to life the beautiful tribute illustrations created by my talented friend Julien Denamur (https://www.instagram.com/julien.denamur/) in honor of the legendary Quincy Jones. What makes it special: Old-school parallax tricks reimagined with modern Rive tools Interactive data binding creating depth and movement A heartfelt homage to a music icon 🎧 Pro tip: Experience it with Quincy Jones' music playing for the full emotional impact. 👉 Try it here (https://rive.app/marketplace/25123-46916-bye-quincy/) This project was a beautiful opportunity to blend technical exploration with artistic tribute.
1
26
121
1.9K
Cover image for ShowReel 2024 - Mysteropodes - on Vimeo
ShowReel 2024 - Mysteropodes - on Vimeo
1
48
Cover image for Ant Vs Spider
Ant Vs Spider
2
23
Cover image for Ui Local currencies
Ui Local currencies
0
26
Cover image for RENAULT EZ Pro Director Cut on Vimeo
RENAULT EZ Pro Director Cut on Vimeo
2
21
Cover image for Caress Plant
Caress Plant
0
20
Cover image for Arte Idents Christmas Cat on Vimeo
Arte Idents Christmas Cat on Vimeo
0
7
Cover image for Arte DocuMania Title on Vimeo
Arte DocuMania Title on Vimeo
0
9
Cover image for Dandelion
Dandelion
0
14