Thank your this great tutorial Diego! One thing I was waiting to see was for you to explain the responsiveness. I’m working on a project and I would like to know more about how to make a Spline scene work in different breakpoints. Mabe that’s in Part 3? 😊
This may sound dumb, but is there a way to lay a simple png image over text so that the image is over the text just like the spline in your video? I can't find anything on google
You've probably found this by now but jut in case, my answer would be to use a div create a wrapper for your text and image. (you could call it 'Wrapper-Text-image)' or something. Add heading and also add an image - add a png to the image. Set the image to Absolute and use the full square/full screen absolute option. Set the wrapper to relative. The png should then overlay the Heading. Correct me if i'm wrong anyone.
great tutorial, I hope to continue with it. Ps: I have tried to clone your spline, but when I play and move the mouse it does not work. Is there something I haven't done?
@@dieg0liv I am not using webflow yet. I cloned your spline and here's the problem, in your video always when you play in spine it gives you some animation, in my file it doesn't happen, how come? yet my file is a copy of your 1:1? What am i doing wrong? Could it be that I have a free spline account and that's why it's limited???
@@grogu4344 go back to part 1 and check when I'm preparing the file for Webflow. On the play settings, I'm disabling all the movement (orbit, drag, etc). The Spline file is supposed to be static, since we're doing all the animation on Webflow. You don't want the visitor to be able to drag the screen and move the camera to different angles.
eagerly awaiting part 3! :)
This is awesome. Thanks for doing this follow up tutorial Diego. Any chance to have a dedicated video for lottie files?
I do have a video about 3D + Lottie here: ua-cam.com/video/vMxCjhi-3p4/v-deo.html
Thank your this great tutorial Diego! One thing I was waiting to see was for you to explain the responsiveness. I’m working on a project and I would like to know more about how to make a Spline scene work in different breakpoints. Mabe that’s in Part 3? 😊
Parabéns, mto top!
How did you layer the spline scene over the text and background?
This may sound dumb, but is there a way to lay a simple png image over text so that the image is over the text just like the spline in your video? I can't find anything on google
You've probably found this by now but jut in case, my answer would be to use a div create a wrapper for your text and image. (you could call it 'Wrapper-Text-image)' or something. Add heading and also add an image - add a png to the image. Set the image to Absolute and use the full square/full screen absolute option. Set the wrapper to relative. The png should then overlay the Heading. Correct me if i'm wrong anyone.
great tutorial, I hope to continue with it. Ps:
I have tried to clone your spline, but when I play and move the mouse it does not work. Is there something I haven't done?
Hard to say without seeing a read only link for your Webflow build. Are the other interactions working as expected?
@@dieg0liv I am not using webflow yet. I cloned your spline and here's the problem, in your video always when you play in spine it gives you some animation, in my file it doesn't happen, how come? yet my file is a copy of your 1:1? What am i doing wrong? Could it be that I have a free spline account and that's why it's limited???
@@grogu4344 go back to part 1 and check when I'm preparing the file for Webflow. On the play settings, I'm disabling all the movement (orbit, drag, etc). The Spline file is supposed to be static, since we're doing all the animation on Webflow. You don't want the visitor to be able to drag the screen and move the camera to different angles.
@@dieg0livthank u
Hi ! Thanks for you content ! You will make a part 3 later or you stop your live course with this video ? Have a Nice day
Top G
Can you make this interactions in figma for us?❤❤❤