Built with Rive

AI + Rive Parallax – Interactive Illustration with Depth

Jannis Sid

🃏 AI + Rive Parallax – Interactive Illustration with Depth

This piece combines AI-generated art with Rive to create an immersive, interactive parallax experience. The central character, Jesterbane, was illustrated using AI tools and brought to life through layered motion that responds to user interaction.
Key Features:
AI-Powered Art: The character and background elements were designed using generative AI tools to create a surreal, painterly look.
Interactive Parallax: Movement of the cursor triggers subtle, layered shifts in the background and foreground, giving the illustration depth and responsiveness.
Web-Ready Animation: Optimized for performance and fully interactive within modern browsers, this effect adds high-impact visual flair to any digital presentation.
User Instructions:
Move your cursor across the screen to activate the parallax layers.
Watch how different parts of the illustration shift to create a 3D-like effect.
This project explores the fusion of AI art and motion design, offering a unique blend of storytelling, visual style, and interaction great for web hero sections, portfolios, or narrative content.
Like this project

Posted Apr 21, 2025

Created an interactive parallax experience using AI and Rive.

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc