Summary
Keywords
Full Transcript
Hey there! In this video, we're going to show you how to bring a cute interactive 3D Pufferfish character to life. Check Spline: https://spline.design/ We'll use variables to spark events that change the little guy's size and position. The more you click on the pufferfish, the more he puffs up and eventually floats to the top of the landing page. We'll also walk you through how to create and animate various elements of the Pufferfish. You'll see them grow with the fish and add playful effects like bouncing when the mouse gets close. So, let's dive in, explore the magic of variables, and have a blast creating interactive scenes! 🐡 Remix: https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 Live Site: https://safe-value-478717.framer.app/ 00:00 Intro 00:34 Creating and Using Variables 04:29 Adding Different Elements 08:34 Animating Elements and Making them Follow Growth 15:02 Interactive Effects and Exporting Learn more about Variables: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/ ✨ Join our Spline community for inspiration and share your designs. https://community.spline.design/ 💬 ❤️ Share your tutorial suggestions in the comments.
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
