Jeff McAvoy | A guy who works at Rive
@jeffamcavoy.bsky.social
Rive interactive animation expert & educator. 🎓: http://riveflow.webflow.io
Data binding keys in @rive.app lets you animate to a value that comes from your view model instead of a fixed number or color. Useful when the value changes at runtime, comes from an external source, or depends on user input. youtu.be/wU5CvDS31tc?...
Data Binding Keys on Timelines
YouTube video by Rive
youtu.be
⌥+⇧+L to insert a child layout in @rive.app. We already had ⇧+L to wrap the selected item in a layout, but this might be my new fav shortcut.
Little @rive.app tip: Hold Shift or CMD to increment numbers by 10 or 0.1
Relative Data Binding in @rive.app makes it easy to swap components at runtime and keep the data flowing as expected. 👇 Learn how 👇 youtu.be/tiXDldn1UpA?...
Relative Data Binding Part 2: Runtime Implementation and Artboard Swapping
A followup to the Intro to Relative Data Binding video, we walk through how to use relative binding at runtime to swap out artboards without rewiring your data. As long as the view model property…
youtu.be
Just published this scripted confetti file to the @rive.app marketplace 🔗 rive.app/marketplace/...
Resize text based on artboard size with the range map converter in @rive.app. Pairs perfectly with the recently added image fit options! Learn how at Rive's YouTube channel.
This week I put out some scripted audio stuff for @rive.app, including this Scripted Audio Tool on the Rive Marketplace. Check it out and remix to use in your own projects. Art by @/auracalvo.bsky.social 🙌
🔊 Sound ON. Digging in with scripted audio controls in Rive. Got this parametric echo effect synced to visuals.
Experimenting with Voronoi-based interactions with @rive.app scripting. Suuuuper fun!
Ripple effect with a scripted image mesh in @rive.app
Sound ON for this one. 🔊 Experimenting with loading audio level data into @rive.app to create waveforms visualizations with scripting. Using level and velocity to animate a scratching playhead indicator. Then used web runtime and used Web Audio API to play the sounds and handle the scratching audio.
If you’re in the Milwaukee area, come hang out and talk @rive.app!
Rive@rive.app · 7mo agoRive Community Drop-In ☕️ Meet @jeffamcavoy.bsky.social from the Rive team IRL. Bring your laptop, ask questions, get help, meet other Rive users. 📍 Discourse Coffee (Milwaukee) 🗓️ 2/9 · ⏰ 3–4:30 PM CST No RSVP needed — just drop in 👋 More info below👇
Learning Rive for the first time? We’ve got a new Get Started tutorial to help you hit the ground running. Watch here👇 youtube.com/watch?v=wnwA...
With a combo of list new list features and some data binding math, you can achieve some pretty incredible things with @rive.app!
Rive@rive.app · last yr.Data Binding Lists: How to arrange list items onto a custom path with @jeffamcavoy.bsky.social from Rive. Today, you need to align list items in the instanced artboard, but we have plans to make Lists work directly with Follow Path. We'd love to know about your use cases!
Runtime Code can be intimidating, but it's not as hard as it seems. And it unlocks so many incredible integration possibilities!
Rive@rive.app · last yr.How to control Rive files at runtime with Ross Plaskow 🧑💻 www.youtube.com/watch?v=IvkN...
Well, I can no longer call myself "The Rive Guy"... 🎉 Because now I'm officially part of the @rive.app team! 🧵👇
As one of my last projects for the Urban Ecology Center, I got to create a real-time updating fundraising thermometer for use at their annual gala event. With data-binding in @rive.app I was able to add interpolation to both the bar height and the numbers being counted.
After 15+ years, I am moving on from my VP, Marketing position at the Urban Ecology Center. (New role announcement coming soon!) To share my appreciation for my colleagues, I created this Fox-themed personality quiz with Webflow and @rive.app. 5 quick answers to get a fox name & type!
Added this one to the @rive.app marketplace: rive.app/community/fi...
More amazingness made possible with @rive.app's data-binding features. Added some control sliders to the min and max X and Y for the particle emitter.
Jeff McAvoy | A guy who works at Rive@jeffamcavoy.bsky.social · last yr.🤯 the new data binding lists feature on @rive.app makes it possible to create particle emitters!
🤯 the new data binding lists feature on @rive.app makes it possible to create particle emitters!
Another fun data-binding experiment in @rive.app. Not sure what to do with this one yet. What could this bouncy motion be used for?
Experimenting with a googly-eyes interaction thanks to @rive.app's new data binding features!
Bringing several of my interests together with this one: 3D printing + @rive.app + @raspberrypi.com + @nocodebackend.bsky.social This is v2 of a “get ready for the day” display that shows the date, weather*, school lunch, special class* and field trip* info. * - just placeholders for now
I'm still figuring out GitHub, but I believe it is a place to share code, right? So, I started up a new "Rive on Webflow" repo to share code to level up @rive.app integrations on Webflow sites. It has one file right now, more to come! github.com/jeffamcavoy/...
GitHub - jeffamcavoy/rive-on-webflow: Code and info for enhancing Rive integrations with Webflow sites
Code and info for enhancing Rive integrations with Webflow sites - jeffamcavoy/rive-on-webflow
github.com
Old-school 3D glasses + @rive.app data-binding to control "depth" effect. ✨
A @rive.app on one device controlling a Rive animation on another! This set up uses @raspberrypi.com, node.js, and websockets. I love how immediate the response is! More info below 👇
