Spline
Hello everyone! Watch the live stream to discover the latest updates from Spline.
updated 2 months ago
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 Spline
01:12 - Adding Atmosphere with Fog
02:03 - Creating a Spooky Landing Page
03:07 - Applying Materials and Camera Setup
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 โ / splinetool
๐ต TikTok โ / splinedesign
๐ LinkedIn โ / splinetool
๐ฆ X โ / splinetool
๐พ Discord โ / discord
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 Library
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
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 Intro
00:21 Default Light
00:46 Creating a New Light
01:19 Directional Light
02:19 Point Light
03:43 Spotlight
04:18 Material Layers System
05:18 Animation and Adding Interactions to Lights
05:59 Toggle Light Interactions
06:29 Light Follow Interaction (Make a Light Follow Your Cursor)
07:31 Lighting Tips & Tricks
07:37 Lighting Colors
08:09 Simulate Light using the Depth Layer
09:42 Integrating Light into an Object
10: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
00:00 Creating the 3D Icon
02:13 Color and Material Application
06:29 Animating the 3D Icon
10:35 Adding Interactive Triggers
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
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=lpYK67LQItI
00:00 Intro
00:30 Understanding States and Events
01:37 Creating a Walking Cycle
07:03 Adding Personality with Bounce and Micro Animations
08:32 Incorporating Game Controls for Walking Simulation
13:14 Importing Pre-animated Characters
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
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 Intro
00:29 Requirements
01:23 Creating an Xcode Project with Spline iOS Runtime
01:47 Adding Spline iOS Runtime
03:02 Embedding 3D Scenes - Settings
03:45 Understanding the Difference Between Local and Cloud Embedding
05:25 Integrating Cloud Embeds
05:59 Integrating Local Embeds
07:36 Generating a Pre-Built Xcode Project
09:00 Pre-Built Xcode Project using Cloud Mode
10:00 Replacing a scene using Cloud Mode
10:41 Pre-Built Xcode Project using Local Mode
12:05 Replacing a scene using Local Mode
13:43 Spline Mirror - Exporting for Vision OS
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
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/publish
00:00 Introduction to Native 3D for Android
01:14 App Bundle - Generating an Android Studio Project
04:29 Integrating 3D Scenes and Making Real-Time Changes
05:23 Replacing a Spline Scene in Android Studio
06:28 Embedding in an Android project created from scratch
๐น๏ธ Learn more about Game controls โ youtube.com/watch?v=yvehPjQhS5U
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