No Code editors are on the rise. Specialy advanced editors for web development and scene development.
Spline is one of them.
Probably one of my favorites.
It has really nice web based GUI and you can create your own 3D models, scenes, animations, and states.
It has js API if you know little bit javascript and you can code advance 3d interactions in your site.
They use amazon s3 to build and publish your scenes when you build them. so you have global CDN system for fastest possible loading.
Prod loading is fast but First Contentful Paint (FCP) is really bad. I hope they are working on this to make the builds load more smoother and faster without freezes.
How you use Spline with WordPress
If you are using block editor supported theme you can just use the Custom HTML component for pasting the spline viewer in it. Easy.
States
Every block has states and states are like position color size it can be whatever you do to your objects. Think the States like timeline points. Animating in one state to another state.
Events
Every object can have events. Events are triggers for your states. You can put lots of different type of states. Like entrance animation, auto loops, easing, sound, video, switch camera, create or destroy objects and combination of all. Limitless possibilities. Limitless interactions.
Chaining States
You can chain states with other states and chain events with other events this gives you more flexibility. You can build your events in one object or stagger on all other objects. Depending on your use case.
Native Spline Shapes Advance Settings
Native Spline Shapes have more settings instead of importing objects if you can solve it with native objects just use objects. They have a lot of more advantages over imported content and they are very optimized usually.
Creating New Objects Entities
Spline has most of the primitives basic objects and entities you can use. You can create your scene without importing anything most of the time.
Spline is Free But
Spline free to use but it adds logo to your builds if you want to remove the logo you have to use paid plans.
And you have to use the spline URL to use complete features. You can not make advance states events and download as code export. it doesn’t work. code exports doesn’t even support most of the materials you cant even have models will colors. I have made lots of tests with it it is not even Beta it is Alpha at the moment. Keep it in mind.
Your best bet is just to use Viewer. Other options not fully ready yet. Hoping they will work this out in 2024 completely.
You can export your scene with lots of play settings like disable orbit, panning, zooming…etc
Almost all the features you need to embed your scene on your websites.
Multi-User Editing
Almost forgot in spline you can work with multiple people in one scene same time like in miro or figma.
Nice to have featrue but didnt see a team using this feature yet. Probably %99 of people not using this. Maybe it will be more popular later on who knows.
Anyway this is my simple take for Spline now. There is so many feature to go in detail but I don’t have time for it 😁