Step-by-Step Rive Guide: Build Interactive Wavy Tiles GridStep-by-Step Rive Guide: Build Interactive Wavy Tiles Grid
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Mayte's avatar
Mayte CG
• 1d
I’m kicking off a two‑part, step‑by‑step Rive guide on how I built Wavy Tiles, the interactive grid you may have seen me posting about lately.
https://www.linkedin.com/pulse/wavy-tiles-step-by-step-guide-rive-pt-1-mayte-cg-oijie/?trackingId=lF6f8PNhQCGOInKZ21pFfg%3D%3D In Part 1, you’ll see: ● How to build the script‑driven grid and data model ● How to add the press‑and‑drag interactions ● How to add a rainbow color wash ● And how to work with a project_specs doc, a workflow trick I’ve been experimenting with If you’re starting out with Rive scripting, this one's for you. Stay tuned for Pt 2, where we’ll connect custom artboards to the grid, and I’ll break down how I built my eyeball design, including the pupil dilation and gaze animations 👁️ Happy Scripting!
RiveRive Animationaidesignflow

linkedin.com

Wavy Tiles: A step-by-step guide in Rive (Pt. 1)

Welcome back! In this two‑part guide, I’ll walk you through the full process of building my project Wavy Tiles in Rive: an interactive grid of tiles that react to pointer input with translation, rotation, scale, and color effects, resulting in a slightly trippy and weirdly satisfying result. In Part

rajesh's avatar
rajesh chaudhary
• 12h
good work.
Mayte's avatar
Mayte CG
• 5h
Thank you!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started