Making a Game Experience in 3D with Spline Spline 2022-08-17 | Hi! In this tutorial, we will explore how to use the Game Controls event to create a 3D experience that feels like a game using Spline.You can create this type of experience for websites, portfolios, 3D visualization, or any 3D project.Island Scene: https://my.spline.design/pigisland-3503d1596f5a14a89df774237eafcf91/0:00 Introduction0:44 Creating a basic Game Control1:30 Adjusting character orientation2:10 How the cameras are assigned in Game Controls2:35 Understanding camera position3:00 How the collider works4:15 Camera rotation tricks5:50 How to assign custom actions to keys6:54 Fly mode7:45 Auto-orientation8:08 Speed8:28 Delay/Acceleration/Inertia9:04 Gravity and jump9:48 Reset Position10:43 Camera Follow12:30 Sound, interactions, and game controls15:00 Isometric scene16:28 Multiple game controls
NEW Fog tutorial right in time for spooky season 👻 #3dtips #3dtutorial #3ddesign #webdesign #ux Spline 2024-10-11 | ...
Using Fog to Create Captivating 3D in Spline Spline 2024-10-11 | In this tutorial let’s explore using Fog in your 3D scenes 🌁 We'll demonstrate how to use fog in 3D design to create spooky, epic, and mysterious atmospheres. You'll learn how to activate fog, adjust its settings, and apply it to your next 3D project—from mini-games to landing page designs. We'll guide you through adding interactivity, setting up cameras, applying materials, and optimizing your file for performance.Let’s get started!00:00 - Introduction to Fog in Spline01:12 - Adding Atmosphere with Fog02:03 - Creating a Spooky Landing Page03:07 - Applying Materials and Camera SetupDiscover more amazing creators and projects #MadeInSpline at https://community.spline.design/---Links:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord
Take a look at Levi Magony latest Spline design🍁 #3d #3ddesign #3dmodel #webdesign Spline 2024-10-09 | ...
Pixel style, Yay or Nay? Let us know 👇#3d #3ddesign #webdesign #3dwebsite #graphicdesign Spline 2024-10-08 | ...
New Tutorial in Spline - Glossy Textures ✨#3d #3dtutorial #designtips #graphicdesign #3ddesigner Spline 2024-10-07 | ...
Microchip 3D design made in #Spline Check it out in the Community #3d #3ddesigner #webgraphics Spline 2024-10-06 | ...
Loving this 3D web design by the team at Riotters! 😍 #3d #3ddesigner #webdesign #ui #ux #3dwebsite Spline 2024-10-04 | ...
How to Create Glossy 3D Materials in Spline Spline 2024-10-04 | In this tutorial, we'll show you the easiest way to create glossy textures in Spline✨We'll explore the use of matcaps, blend modes, and material assets.You'll learn how to create a jelly texture and get tips for combining different blending modes to achieve a vibrant mix of colors. We'll also highlight the use of rainbow and fresnel layers, demonstrate how to copy materials, and guide you through accessing the material library.Try out our How to Create an Iridescent Material Effect tutorial here: youtu.be/i0YGxdn990Y?si=ZOP-_ctV5AyHh8on- 00:00 - Intro- 00:35 - What are Matcaps- 00:58 - Creating Glossy Effects with Matcaps and Blend Modes- 02:24 - Creating a Jelly Texture and Tips for Textures- 04:18 - Utilizing Rainbow and Fresnel Layers, Material Assets, and Material LibraryDiscover more amazing creators and projects #MadeInSpline at https://community.spline.design/---Links:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → instagram.com/splinetool🎵 TikTok → tiktok.com/@splinedesign💙 LinkedIn → linkedin.com/company/splinetool🐦 X → twitter.com/splinetool👾 Discord → discord.gg/spline
He’s ready for fall 🍁 Made in #spline #3d #3dart #webdesign #webgraphics #graphicdesign #3dmodeling Spline 2024-10-04 | ...
Light 🤝 Camera in 3D #3d #webdesign #3dtips #3dtutorial #spline #digitaldesign #3ddesigner Spline 2024-10-03 | ...
💡 Everything you need to know about lighting in Spline. #3d #3dtutorial #designtip #webdesign Spline 2024-10-02 | ...
3D Website Concept made in Spline. #webdesign #3d #3ddesign #ux #ui #digitaldesign #graphicdesign Spline 2024-10-01 | ...
Everything you need to know about Lighting in 3D with Spline Spline 2024-10-01 | In this tutorial, we’re diving into the exciting world of lighting in 3D scenes with Spline!💡 We’ll cover the three main types of lights—directional, point, and spotlight—and show you how to adjust their settings.Additionally, we’ll explore how to create stunning light interactions with materials and animate your lights for dynamic scenes. You’ll also learn valuable tips on simulating light with the depth layer and adding ambient shadows to enhance your work.Join us and discover the magic of lighting in Spline! 00:00 Intro00:21 Default Light00:46 Creating a New Light01:19 Directional Light02:19 Point Light03:43 Spotlight04:18 Material Layers System05:18 Animation and Adding Interactions to Lights05:59 Toggle Light Interactions06:29 Light Follow Interaction (Make a Light Follow Your Cursor)07:31 Lighting Tips & Tricks07:37 Lighting Colors08:09 Simulate Light using the Depth Layer09:42 Integrating Light into an Object10:50 Integrating Light into a Camera---🌟 Creators from the Spline Community featured in this video:@aximoris https://app.spline.design/@aximoris@DesignGabor https://app.spline.design/@DesignGabor@vexus https://app.spline.design/@vexus@BigLoong https://app.spline.design/@BigLoong Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/---Links:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → instagram.com/splinetool🎵 TikTok → tiktok.com/@splinedesign💙 LinkedIn → linkedin.com/company/splinetool🐦 X → twitter.com/splinetool👾 Discord → discord.gg/spline
Remixing this design from the Spline Community ✨ #3d #3ddesign #3dmodel #graphicdesign #webdesign Spline 2024-09-30 | ...
Interactive Dog made with Spline #3D #3danimator #3dmodeling #webdesign #graphicdesign #spline Spline 2024-09-28 | ...
Looking for 3D Inspiration? #spline #webdesign #3danimator #3dartist #graphicdesign #webdesigner #ux Spline 2024-09-27 | ...
3D Gem Website made with Spline + Readymag #webdesign #ui #ux #3d #3dwebsite #3ddesign #webdesign Spline 2024-09-26 | ...
🚨 New Tutorial on our channel now 🚨 #3d #3danimator #3dtutorial #webdesign #graphicdesign #design Spline 2024-09-25 | ...
How to create a Spinning 3D icon in Spline Spline 2024-09-24 | Hey there! In this tutorial, we’ll show you how to create a spinning 3D icon from start to finish! You’ll learn to design and animate it, add smooth delays, and set up interactive triggers. We’ll also explore colors, materials, and button-triggered animations. 00:00 Creating the 3D Icon02:13 Color and Material Application06:29 Animating the 3D Icon10:35 Adding Interactive TriggersLinks:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → instagram.com/splinetool🎵 TikTok → tiktok.com/@splinedesign💙 LinkedIn → linkedin.com/company/splinetool🐦 X → twitter.com/splinetool👾 Discord → discord.gg/spline
Portal Design made in Spline by Aximoris #3danimator #3d #spline #3dartist #3ddesign #webgraphics Spline 2024-09-23 | ...
Are you in a trance yet? 👀 #3d #3ddesign #graphicdesign #webdesign #3danimation #3dtips Spline 2024-09-21 | ...
Captivating Material Created in Spline ✨ #3d #webdesign #digitalart #3dartist #graphicdesign #spline Spline 2024-09-20 | ...
Driving in style with this 3D car animation. Made in Spline. #3d #3danimator #webdesign #digitalart Spline 2024-09-20 | ...
Bring 3D to your Android projects #Spline #3d #3ddesigner #appdesign #android #androidapp Spline 2024-09-18 | ...
Try recreating 3D shapes you see in the Spline Community #3d #3dtips #webdesign #graphicdesign Spline 2024-09-17 | ...
Japanese food stall 🪄 100% made in Spline.#3d #3ddesign #graphicdesign #webdesign #designtips Spline 2024-09-16 | ...
⭐NEW Beginner Spline Tutorial #3d #3danimator #spline3d #webdesign #digitalart #3dartist #designtips Spline 2024-09-13 | ...
How to Animate a 3D Walking Character in Spline | Beginners Guide Spline 2024-09-12 | 🚶Learn how to bring a character to life by animating a walk cycle using Spline!We’ll dive into key concepts like states, events, and transitions, while I guide you step-by-step through creating basic leg and arm movements. You’ll also learn how to add personality to your character with bounces, micro animations, and mix with game controls so the walking motion responds to user interaction.Discover how you can also import pre-animated characters into Spline by watching this tutorial 👉 youtube.com/watch?v=lpYK67LQItI00:00 Intro00:30 Understanding States and Events01:37 Creating a Walking Cycle07:03 Adding Personality with Bounce and Micro Animations08:32 Incorporating Game Controls for Walking Simulation13:14 Importing Pre-animated CharactersLinks:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → instagram.com/splinetool🎵 TikTok → tiktok.com/@splinedesign💙 LinkedIn → linkedin.com/company/splinetool🐦 X → twitter.com/splinetool👾 Discord → discord.gg/spline
🥤 Turn 2D designs into 3D magic! #3d #3ddesigner #webuidesign #webdesign #graphicdesign #mockup Spline 2024-09-12 | ...
Moving Materials in Spline #3d #3dtips #3danimator #webuidesign #webdesign #graphicdesign Spline 2024-09-11 | ...
Which season is your favorite? 🌸 🏖️ 🌻 #3d #3ddesign #productdesign #ux #ui #webdesign Spline 2024-09-10 | ...
Reasons to design your sites with 3D. #3d #webuidesign #webdesignexpert #spline #ux #productdesign Spline 2024-09-09 | ...
New 3D Website by Andrew #webdesign #interfacedesign #productdesign #3d #3ddesign #webdesigner #ui Spline 2024-09-07 | ...
Something new to try ✨ #webdesign #ui #interfacedesign #3d #3ddesign #designtips Spline 2024-09-06 | ...
How to Export Native 3D for iOS using Spline Spline 2024-09-05 | Discover how to elevate your iOS apps with stunning 3D!In this tutorial, learn how to export your interactive 3D designs from Spline as native 3D for iOS apps. Whether you prefer cloud embeds or local downloads, you'll discover how to make your scenes look and perform beautifully on any Apple device.00:00 Intro00:29 Requirements 01:23 Creating an Xcode Project with Spline iOS Runtime01:47 Adding Spline iOS Runtime03:02 Embedding 3D Scenes - Settings03:45 Understanding the Difference Between Local and Cloud Embedding05:25 Integrating Cloud Embeds05:59 Integrating Local Embeds07:36 Generating a Pre-Built Xcode Project09:00 Pre-Built Xcode Project using Cloud Mode10:00 Replacing a scene using Cloud Mode10:41 Pre-Built Xcode Project using Local Mode12:05 Replacing a scene using Local Mode13:43 Spline Mirror - Exporting for Vision OSLinks:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → instagram.com/splinetool🎵 TikTok → tiktok.com/@splinedesign💙 LinkedIn → linkedin.com/company/splinetool🐦 X → twitter.com/splinetool👾 Discord → discord.gg/spline
Learn how to create this interactive 3D design in our tutorial #spline #3danimation #webdesign #ui Spline 2024-09-03 | ...
Gaussian Splatting DnD Lego Set #spline #3d #3ddesign #gaussiansplatting #3dsite #webdesign Spline 2024-09-02 | ...
Chewy materials in Spline 🤩 #3d #3ddesigner #uianimation #spline #graphicdesign #webdesign Spline 2024-08-30 | ...
What resources are you looking for when designing in Spline? #3d #3ddesign #webdesigner #designtips Spline 2024-08-29 | ...
Designed by the team at Riotters! 🙌 #3d #3ddesigner #spline #webdesign #ux #ui #3danimation Spline 2024-08-28 | ...
How to Export Native 3D for Android using Spline Spline 2024-08-27 | With our recent launch, you can now easily create and export native 3D designs for Android without coding. Designers can effortlessly build apps from their Spline 3D designs, bringing all the interactivity and materials from the web onto Android devices. Update: This video was re-uploaded to include more info about differences between cloud/local embeds.In this tutorial, we guide you through exporting native 3D for Android using Spline. We cover multiple methods, including Android Studio project generation and cloud embedding, while demonstrating real-time changes and scene integration.📘Learn more about Native 3D Embeds for Android by checking our docs→ https://docs.spline.design/native-3d-embeds-for-android👽 For more information on publishing to the Google Play Store, refer to Android’s documentation:→ developer.android.com/studio/publish00:00 Introduction to Native 3D for Android01:14 App Bundle - Generating an Android Studio Project04:29 Integrating 3D Scenes and Making Real-Time Changes05:23 Replacing a Spline Scene in Android Studio06:28 Embedding in an Android project created from scratch🕹️ Learn more about Game controls → youtube.com/watch?v=yvehPjQhS5ULinks:💖 Spline → http://app.spline.design📚 Spline Docs → https://docs.spline.design---Our Social:📷 Instagram → instagram.com/splinetool🎵 TikTok → tiktok.com/@splinedesign💙 LinkedIn → linkedin.com/company/splinetool🐦 X → twitter.com/splinetool👾 Discord → discord.gg/spline
Would you use this lamp in real life? 👀 #3d #3ddesigner #digitalart #3danimation #spline #webdesign Spline 2024-08-26 | ...
3D for your Android Projects 🤖 #3d #android #androiddesign #digitaldesign #androidapp #appdesign Spline 2024-08-24 | ...
Material Assets for 3D Design #3d #3ddesign #designertip #graphicdesign #webdesign Spline 2024-08-21 | ...
🪄Spline Tip: Save matcaps and design faster! #3d #3ddesign #designtutorial #spline Spline 2024-08-20 | ...
Real-time API and Webhooks #spline #3d #3ddesign #uiux #webdesign #digitaldesign #appdesign Spline 2024-08-17 | ...
Android support is here 👋 #Spline #3d #android #androiddesign #digitaldesign #androidapp #appdesign Spline 2024-08-16 | ...
