Ripple effect with a scripted image mesh in
@rive.app
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!
Can you solve the first Rive puzzle?
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...
lol, Iβve heard that episode and love it! Totally forgot. π€¦π»ββοΈ
Interested in talking to someone from @rive.app?
With a combo of list new list features and some data binding math, you can achieve some pretty incredible things with @rive.app!
Agreed! The writing is much better and the code it suggests actually works.
But I do wish I could talk to Claude the way you can with ChatGPT.
Runtime Code can be intimidating, but it's not as hard as it seems. And it unlocks so many incredible integration possibilities!
Now, as part of the Creative Tech team, I get to be on the front lines helping others unlock this same potential.
To everyone who's followed my Rive journey, attended my workshops, or tried my experiments β thank you for being part of this adventure. The best is yet to come! π
This feels like the natural next step in a journey that started with fascination and grew into expertise. I've seen companies like Duolingo, Figma, and Brilliant use Rive to create experiences that were previously impossible.
After years of being known as "The Rive Guy" in the community β creating interactive animations, teaching workshops at Webflow Conf, building Riveflow tutorials, and sharing countless experiments and projects β I'm beyond excited to turn my passion into my profession.
Well, I can no longer call myself "The Rive Guy"...
π Because now I'm officially part of the @rive.app team!
π§΅π
A separate control page added number inputs to a @nocodebackend.bsky.social database, and the page displaying the Rive animation updates each second with any new values. I didn't attend the event, but I hear that it worked well and helped them reach their goal!
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.
Thanks, Maggy!
Thanks, Josh! Iβm excited to share whatβs next soon! π
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.
π€― 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/...
Old-school 3D glasses + @rive.app data-binding to control "depth" effect. β¨
Iβve been thinking about that too! I bet I can put a QR code on the screen to let viewers scan it and interact with the screen on their own devices.
Ps: The interface on the iPad was made with a phone in mind, but I had to use my phone camera to get a decent video.
One of my favorite things is that I came up with a naming convention that means I donβt have to add new events and inputs to the runtime code. And event called βPower_ONβ reported from the remote board will set a Boolean input called βPowerβ to true. Works for trigger and number inputs too!