Spline
Spline- After Effects
- Cinema 4D
- 3ds max
- Unity
I studied and performed all the lessons:
Spline YouTube
Learning 3D Design with Spline
Designing a 3D Character and other.
Below are my results while studying Spline, I did everything according to the lessons. At the top are the latest works, at the bottom - beginning.
The rotation of the scene is performed by holding down the left mouse button and moving the mouse. When scrolling the mouse wheel, the scene is zoomed, by pressing ctrl and the left mouse button, you can move the scene to the side, changing the point of rotation of the scene. Scene rotation and scaling settings may be limited.
How to Create an Interactive 3D Robot in Spline
I gained interactivity using lesson from YouTube
This lesson covers interactivity in Spline, which has already been discussed in previous lessons.
The robot follows the cursor. When you press on the upper part of the robot, it rises.
When hovering over the spheres, the color of the robot changes.
How to Create Stylized 3D Text Using the Path Tool in Spline
Create 3D UI for iOS and visionOS in Spline - Free Course
I assembled the smart at home according to the lesson, the lesson contains the source code. Everything that is told in the lesson I studied earlier in other lessons, I updated my knowledge.
Spline's free version has limitations on materials and other features.
Create 3D UI for iOS and visionOS in Spline - Free Course
I modeled a 3D thermostat at Spline and created animations according to the lesson from YouTube.
Create a 3D iOS App Icon
I modeled in Spline iOS App Icon according to the lesson from YouTube
Create a visionOS App Icon
I modeled visionOS App Icon according to the lesson from YouTube
Create 3D UI for iOS and visionOS in Spline - Free Course
Spline has UI scenes, it allows to add 2d scenes to 3d scenes. The process of creating frames in UI scenes in Spline is similar to components in Figma. The free version of Spline imposes restrictions on the use of UI scenes. When creating frames in the free version of Spline, some objects may not be displayed, but if you copy some layers from the working files and delete them, the objects start to be displayed. Also, Spline sometimes hangs, but after reopening the program, the crash disappears. Freezes occur when copying objects from one scene to another. In this scene, animations work by clicking on various objects: opening doors, opening shelves in the room, turning on the TV screen. You can turn the light in the room on and off by pressing the button near the door and in the settings.
Spline Particle Animation
I modeled Particle Animation by lesson from YouTube
Spline Particle Animation
An example from the source of lesson from YouTube
Create 3D UI for iOS and visionOS in Spline
File from the lesson with YouTube
Create 3D UI for iOS and visionOS in Spline
File from the lesson with YouTube
Spline has the ability to export to Xcode for Apple platforms. Xcode works only on MacOS, in Spline, export to Xcode works in the paid version. The lesson also talks about exporting the project to visionOS.
How to create lens blur DoF for 3D scenes on Spline
Particles
How to create particles in 3d with Spline
Spline Docs / Particles
How to make a 3D Prototype with Figma - Tutorial
A lesson from YouTube
Screenshot of Spline project
screenshot of the 3D model in the browser
I did not create a prototype in Figma as in the lesson.
I tested importing 3d models into Spline and exporting from it to web projects.
Link to the model from the site. The weight of the 3d model is 25 megabytes.
There are many paid and free 3d models of various subjects on the site.
I did not limit the viewing angles, rotation options, camera zoom as in the lesson, it can be adjusted.
In the lesson, the author talks about the Anima plugin in Figma, which allows to insert a Spline project and
adds animations to elements in the prototype.
In the mobile version its possible rotate the camera by rotating with two fingers, zoom by sliding with two fingers.
How to make a responsive 3D illustration for Web - Spline tutorial
A lesson from YouTube
I completed the lesson by the author.
On the mobile version, when the width of the window is less than 480 pixels, the camera view moves away and the positions of the dog and the flower change.
On the desktop, the width of the browser window is larger than 480 pixels, the scene does not change, in order to test it, need to switch to the mobile view in developer mode (ctrl+shift+i), reduce the window width by 480px and f5.
How to use variables to create interactive 3d content in Spline
How to use variables to create interactive 3d content in Spline
How to use variables to create interactive 3d content in Spline
How to use variables to create interactive 3d content in Spline
How to use variables to create interactive 3d content in Spline
How to use variables to create interactive 3d content in Spline
Build an interactive 3D scene implemented on a ReactJS site using Figma and Spline
My work for the lesson: development of animations for clicking on various objects in Spline, cat animation, export of the project to React for Web, adaptive layout of the main file on ReactJS for different screen sizes.
Create 3D Site with Spline and React - Full Course
Lesson from YouTube
In this tutorial, I created object animations in Spline.
I exported the project
to react, but I didn’t do the adaptation according to the lesson. I did the adaptation in another example from the lesson higher "Build an interactive 3D scene implemented on a ReactJS site using Figma and Spline", in which the author posted a working source for a React application using Spline and styled-components.
Working example of the author of the lesson with adaptation https://r1ul0z.csb.app
In this example, adaptation can be done without using the React application by exporting the project to JavaScript in Spline.
How to make a real-time 3D spaceship on mobile with Spline Tool | Tutorial
Lesson from YouTube
I completed the lesson. When click and hold the mouse on the rocket, the blades open and the color of the rocket changes slightly from above.
On the desktop the camera angle can be rotated if you press the left mouse button and move the cursor.
You can scroll the mouse wheel to zoom in or out and rotate the view camera.
In the mobile version, you can rotate the camera by rotating with two fingers, zoom by sliding with two fingers.
How to create 3d drag and drop effects with Spline
Lesson from YouTube
File from the library from the lesson.
When to drag the blue cubes, and they can stick to the surface of other objects, changing their appearance.
When clicking on objects and when sticking cubes to other objects in the example, there are sounds, but for some reason they are not exported.
How to create 3d drag and drop effects with Spline
Lesson from YouTube
File from the library from the lesson.
Objects without gravity, when dragging objects and colliding with others, objects fly apart.
Camera rotation is limited in the scene.
How to create 3d drag and drop effects with Spline
Lesson from YouTube
File from the library from the lesson.
You can drag objects in the Drag & Drop list.
How to create 3d drag and drop effects with Spline
Lesson from YouTube
File from the library from the lesson.
Objects can be moved across the floor surface. When hovering over objects, they increase slightly.
The scene is limited in rotation around one axis.
Sounds are not exported for some reason.
How to create 3d multi-scenes and import animations with Spline
Lesson from YouTube
Ball control wasd, this is an educational example from the library.
When you click on the yellow cylinder, there is a transition to another scene of this file.
This did not happen before.
Components are organized in such a way that they can be used in the same file, but in different Multi-Scenes.
How to create 3d multi-scenes and import animations with Spline
Lesson from YouTube
An example of a lesson.
When you press from above, you can control the character wasd, ←↑→↓ camera rotation, jump, shift run.
There are portals in the file, if you hit them, you will be transferred to a new scene of the file.
You can duplicate existing scenes from the library in one file with a paid subscription.
How to create 3d multi-scenes and import animations with Spline
Lesson from YouTube
There may be a delay while the scene with the models is loading.
The author tells how to import the state of the character's movement: "idle", "running", "jumping", "walking", how to adjust these animation movements for the character's movement.
The author shows how to import a character model into Mixamo and add movements to it.
The left character moves with the wasd buttons and jumps when pressing the space bar.
The author posted the source file of the character with motion animations in fbx format without textures.
Making 3D physics simulation with Spline - Tutorial
Making sequential transitions in 3d - SplineLive
Create video textures in 3d - SplineLive
Lesson from YouTube
There is no way to download videos without paying for Spline
Camera orbit with transitions in 3d - SplineLive
Lesson from YouTube
Animation of camera movements when clicking on laptop and guitar.
How to create 3d paths in Spline
Lesson from YouTube
From Library 1
from Library 2
from Library 3
from Library 4
from Library 5
from Library 6
How to create an object follow interaction in 3d with Spline
How to design and use components in 3d with Spline
How to animate clones for 3D motion graphics on Spline
How to animate clones for 3D motion graphics on Spline 2
How to animate clones for 3D motion graphics on Spline 3
How to animate clones for 3D motion graphics on Spline 4
Cloner of grass from the library Cloner Waves from the library Cloner Grid Motion from the library Cloner Cubes generation from the library
How to create a 3D car interaction with game controls and physics in Spline
Lesson from YouTube
The machine can be controlled by pressing the letters wasd and space.
How to use logic in your 3d scenes with Spline
Lesson from YouTube
Control w, a, s, d, space to jump, control works when English keyboard layout is enabled.
How to create 3D physics simulations with Spline 3
Урок 3 з YouTube
Spline has three options for the quality of shadows, they affect the speed of physical interactions, the higher the quality of the shadow, the slower the animation plays.
How to create 3D physics simulations with Spline 2
How to create 3D physics simulations with Spline 1
How to animate 3D blobs with Spline
Designing a glass cube in 3d with Spline
How to create 3D blobs using Spline
Designing a 3D website with Spline and Framer
Making a Game Experience in 3D with Spline
Lesson from YouTube
w, a, s, d keys work for walking, Space for jumping, ← → ↑ ↓ camera rotation, + mouse camera rotation.
It is necessary to include the English keyboard layout, because it determines the control letters.
Adding sound to 3D scenes using Spline
Lesson from YouTube
The background sound should be played once after pressing any button or mouse click, it works in Spline, in the browser it responds only to buttons.
If you click on the cube, a sound will be heard.
Making fog in 3d with Spline
How to create bloom and glow effects in 3d with Spline
Creating a toon shading in 3D with Spline
Creating outlines in 3D with Spline
Creating a mini house in 3D with Spline
Rotate and animate in 3D with Spline
Creating a photo studio lighting in 3D with Spline
Creating animation loops and blinking effects with Spline
Designing 3D Avatars with Spline
Part 1
Part 2
Part 3
Part 4
I modeled people in class
Blinking effect when the cursor moves near the face, the eyes blink depending on the frequency of the mouse movement
Designing a dark keyboard in 3D with Spline
Making a 3D switch or toggle with Spline
Making a frosted glass icon in 3D with Spline
Creating boolean shapes in 3D with Spline
Making The Batman logo in 3D with Spline
Modeling a Polaroid Go in 3D with Spline
Lesson from YouTube
This lesson was very voluminous, even though it was short for the video.
The author modeled the Polaroid Go camera, many points must be completed independently.
I decided to simulate the model in detail, as much as it is justified and add animation: when click on the red button, a photo appears.
Here you can scroll the mouse wheel to zoom in or out and rotate the view camera.
Then I saw this camera in the Spline library, it's a little different than my version.
Creating a 3D planet Earth with Spline
Timelapse: Making Molang in 3D - Timelapse with Spline
Designing a 3D toggle button micro-interaction with Spline
Making a smooth 3D gradient depth effect with Spline
Creating Interactive/Reactive Spheres in 3D
How to create an interactive 3D keyboard with Spline
Making 3D Text with Spline
How To Create 3D Morphing Effects
Spline Alpha II: New Material Layers & Modeling Tools
Basics - 3D Vector Editing
Basics - Depth & Gradients Part 2
Basics - Depth & Gradients Part 1
Basics - Lighting
Billiards
I made a test version of billiards (own development) for desktop, instead of a cue I made a red ball, you can hit it from any angle.
It is possible to rotate the camera, move the camera by pressing ctrl, turn the mouse wheel to change the distance of the camera.
Holes are large - easier to hit. Sometimes the ball can get stuck in the board, fly through it, fall through and get stuck inside the table, bounce without collision.
It is possible to make a high-quality simulation of the table with textures, multi-colored balls, but there may be freezes when hit.