Скачать с ютуб No code 3D websites with Spline + Webflow - Part 1 (Spline) в хорошем качестве

No code 3D websites with Spline + Webflow - Part 1 (Spline)

Interactive 3D for the web has always been a challenge, and most of the time, you need to use complex tools like ThreeJS and React Three Fiber to achieve good results. But what if you could create amazing 3D experiences without touching a single line of code? Guess what? That’s now possible with the recent ‪@splinetool‬ and ‪@Webflow‬ integration! In this two part tutorial, I’ll show you how to use Spline to create a 3D scene ready to be used in Webflow, and then how I created a Webflow landing page with the same scene and then using native Webflow interactions to create a dynamic 3D experience. This video - part 1 - is focused on Spline. Live link to the project https://flowdrinks.webflow.io/ Webflow cloneable https://webflow.com/made-in-webflow/w... Spline scene https://app.spline.design/community/f... Figma file (with textures, shapes, etc) https://www.figma.com/community/file/... Chapters: 00:52 The Webflow cloneable 02:02 What is Spline? 03:59 Pros and Cons of using Spline 06:56 The Spline UI 11:33 The scene setup 14:53 Modeling the soda can 23:04 Materials 32:29 Modeling with SVG 40:12 Preparing the scene 46:49 Export and Play settings 50:03 Final recap