How to Create Interactive Sand Particles in 3D with Spline
HTML-код
- Опубликовано: 16 июл 2024
- Hello everyone! ⏳ In this video, you will learn how to create a sand-like texture using the 3d particle system and how to have the sand follow your cursor using Spline. Plus walk through the exporting process from Spline onto a website using Framer.
Jump into Spline 👉 spline.design/ (It’s free! 😉)
00:00 Intro
00:22 What Are Particles?
00:54 Creating a Sphere
02:01 Adding a Collider (Particle Force)
02:51 Creating Sand Particles
07:53 Making the Particle Follow Your Cursor (Follow Event)
08:36 Exporting
09:21 Embedding into Framer
Framer Template: the-growth.framer.website/
Learn more About Particles • How to create particle...
✨ Join our Spline community for inspiration and share your designs.
community.spline.design/
💬 ❤️ Share your tutorial suggestions in the comments. 
Хобби
I am loving the Spline channel for its inspired practicality. The presenter's voice is well-suited and calming, allowing one to really focus on the exercise ❣️ Thanks again for a wonderful tutorial.
Nice...looks like Spline has upgraded it's tutorials. Quality tut for a quality product.
This is sooo dope! So glad I found Spline
Amazing tutorial! I have been trying to do this so badly since I saw the IG reel from Spline 1 month ago. Keep doing this awesome content!
Thanks! Will do! 😊🙌
This is mesmerizing, thank you for sharing with us 😃🙏👏
Please make a tutorial on how to make a hourglass tutorial in which sand is parented to hourglass ⌛.
Impressive // thnx
❤
Awesome - How do I add multiple particle forces?
where did you get the html code from? need paid version for it? great video and great product!!!
How can we make inflated alphabets or anything inflated in spline
Ooooohhh! Finally a tutor with a good english!
wait, where is alejandro...
Is it free
Spline is free but there is a premium version which includes ai powered features. Its great for being free
hey ! the move "gizmo" command is not working for 99% of people 99% of the time ( on Windows) , just look under every YT video out there where that action is need it ... just make it work with that shortcut properly or just add a "gizmo move" command in the right click menu and make the group red ( or whatever) when the command is active in the layer panel... ! Why something so simple has such poor UX experience is beyond me !!!
This is great but what i wanna know is where did “point light” in the add dropdown go? Also if i were to remove the default light how would i add later down the road? Focus on AI and new features ( which i like ❤ ) seem to have weaken to some simple UX. Some things are harder to find other things are harder to distinguish e.g. transform action list not enough visual separation anymore. Where is my light ??! 🥹🥹
Hi! You can find the light objects by pressing in the "+" icon from the toolbar (scroll to the bottom).