Spline AI

Was ist Spline AI?

Spline AI ist die generative KI-Funktion in der interaktiven 3D- und 2D-Design-Plattform Spline. Nutzer können aus Text oder Bildern 3D-Objekte erstellen, nahtlose Materialien generieren, 3D-Szenen in Bilder unterschiedlicher Stile umwandeln und im Spline-Editor weiterhin Geometrie, Materialien, Beleuchtung, Animationen und Interaktionen anpassen.

Spline ist nicht nur ein Generator für 3D-Modelle, sondern dient auch für Websites, Anwendungen, Produktpräsentationen und interaktive Erlebnisse. Die erstellten Szenen können in Webseiten eingebettet werden oder über React, Next.js, Swift und Kotlin in Produkten genutzt werden.

Text in 3D-Text umwandeln 3D

Nachdem der Benutzer Beschreibungen zu Objekten, Formen, Materialien und Stilen eingegeben hat, erstellt die KI vier mögliche Versionen. Anschließend wird eine davon ausgewählt, um daraus ein 3D-Modell zu erstellen. Dieses Verfahren eignet sich gut zur schnellen Erstellung von Konzeptgegenständen, Cartoonfiguren sowie Möbeln und Dekorationen.

Die Erstellung eines Meshes kann zu topologischen, prozentualen und detaillierten Problemen führen; es eignet sich nicht unbedingt für Spiele, Animationsskelettierung oder Fertigung. Für professionelle Zwecke ist eine weitere Bearbeitung des Meshes, der UVs und der Materialien erforderlich.

Bild in 3D-Bild umwandeln – 3D-Erstellung

Image to 3D verwendet ein frontales 2D-Bild als Referenz, um Charaktere, Produkte oder Objekte in 3D-Modelle umzuwandeln. Je sauberer der Hintergrund des Referenzbildes, je gerader der Blickwinkel und je vollständiger die Konturen sind, desto stabiler ist in der Regel das Ergebnis.

Ein einzelnes Bild kann keine vollständigen Informationen über die Rückseite sowie über verdeckte Bereiche liefern; die KI schätzt in solchen Fällen die unsichtbaren Bereiche ab. Eine genaue Wiedergabe des Produkts sowie seine technischen Abmessungen können nicht auf diese Funktion verlassen werden.

Remix und Varianten

Benutzer können auf der Grundlage der bereits erstellten Objekte weiter remixen, die allgemeine Richtung beibehalten und neue Farben, Formen sowie Details ausprobieren. Die zufriedenstellenden Ergebnisse können in der persönlichen 3D-Bibliothek gespeichert werden, um sie in verschiedenen Szenarien erneut zu verwenden.

Erstellung von AI-Texturen

AI Textures können nahtlose Materialien auf der Grundlage von Texten erzeugen, wie z. B. Ziegelwände, Beton, Wasseroberflächen und Mosaiken, die dann auf 3D-Objekten angewendet werden können. Nach der Erstellung sollten weiterhin Nahtstellen, Proportionen, die Normalebene sowie das Erscheinungsbild bei unterschiedlichem Licht überprüft werden.

AI Style Transfer

Style Transfer ist eine experimentelle Funktion: Der Benutzer erstellt zunächst eine 3D-Szene, wählt anschließend Stile wie Zeichentrick, Ton oder Flüssigkeiten sowie Effekte wie Regen, Schnee, Nacht oder Sonnenuntergang aus und feilt das Endergebnis schließlich mit Texten weiter ab.

Es erzeugt stilisierte zweidimensionale Bilder auf der Grundlage von 3D-Strukturen, was nicht dem permanenten Umwandeln einer vollständigen 3D-Szene in ein anderes Set an editierbaren Materialien entspricht. Die Stabilität der experimentellen Funktionen sowie die Lizenzbedingungen richten sich nach den Angaben des Produkts.

Omma natürliche Sprachgenerierung

Spline zeigt derzeit auch die Omma-Richtung an, damit Nutzer interaktive Erlebnisse, Webseiten, 3D-Modelle und Anwendungen in natürlicher Sprache erstellen können. Es eignet sich gut zum schnellen Erstellen von Prototypen, doch die von KI erzeugten Interaktionen, responsiven Layouts sowie die Leistung müssen manuell getestet werden.

Hana AI-Bild-Workflow

Hana ist ein unbegrenztes 2D-Bildschirmformat von Spline, das es ermöglicht, Bilder aus Texten oder Bildern zu erstellen und verschiedene Modelle wie Flux, Nano Banana, Seedream usw. einzusetzen. Die Benutzer können bis zu sechs Bilder oder Frames als Referenz verwenden, um diese zu kombinieren, zu bearbeiten und zu variieren.

Hana bietet zudem die Entfernung des Hintergrunds, das Vergrößern sowie die Erstellung von Frame-Referenzen an, um Vektorformen, Texte und Layout-Anleitungen zur Steuerung der KI-Ausgabe bereitzustellen. Zudem können die erzeugten Bilder in Ereignisse und Effekte eingefügt werden.

3D-Editor

Nach der Erstellung des Objekts kann der Benutzer weiterhin die Abmessungen, Position, Rotation, Materialien, Farben, Beleuchtung und Kamera anpassen. Zudem können grundlegende Modellierungs- und Szenenwerkzeuge verwendet werden, um ein vollständiges Erlebnis zu schaffen. Die KI beschleunigt den Startvorgang, doch die endgültige Qualität hängt weiterhin von der Gestaltung und Optimierung ab.

Material, Beleuchtung und Umgebung

Spline unterstützt verschiedene Materialschichten, Texturen, Beleuchtung, Schatten sowie Umgebungs-Einstellungen. Webprojekte sollten hoherauflösende Texturen, transparente Materialien sowie eine begrenzte Anzahl an Echtzeit-Schatten und Lichtquellen verwenden, um eine zu große Belastung der mobilen Geräte zu vermeiden.

Animationen, Zustände und Ereignisse

Objekte können Zustände und Übergänge erstellen sowie auf Ereignisse wie Mausbewegungen, Berührungen, Tastatureingaben, Scrollen, „Start“, „Look At“ und „Follow“ reagieren. Ohne traditionelle 3D-Programmierung lassen sich Hover-Anime, Produktinteraktionen und scrollbasierte Erzählungen erstellen.

Variablen, API und Webhook

Pro bietet unbegrenzte Variablen, APIs und Webhooks sowie Unterstützung für die lokale Speicherung von Variablen. Anhand der Daten der Schnittstellen können Texte, Zahlen und Zustände aktualisiert werden – ideal für Echtzeit-Dashboards, Konfiguratoren und interaktive Produkte.

Externe APIs sollten über einen sicheren Backend-Proxy bereitgestellt werden; Schlüssel dürfen nicht in öffentlichen Umgebungen gespeichert werden. Zudem müssen Cross-Origin-Probleme, Wiederholungsversuche bei Fehlern, Datenvalidierung sowie Geschwindigkeitsbeschränkungen berücksichtigt werden.

Unterschied zwischen Echtzeit-API und Code-API

Die Echtzeit-API dient dazu, im Spline-Editor externe APIs anzuschließen; die Code-API ermöglicht es Entwicklern, aus ihrem eigenen Webseitencode Variablen abzurufen, die Positionen oder Materialien von Objekten zu ändern, Übergänge auszulösen und Spline-Ereignisse abzufangen.

Beide haben unterschiedliche Verwendungszwecke.

Web-Embedding

Szenen können durch Codeausschnitte in Webseiten eingebettet werden. Free liefert eine Exportversion mit Spline-Wasserzeichen, Hobby entfernt das Wasserzeichen bei der Exportierung der Webseite, während Pro nicht nur das Web-Embed-Wasserzeichen entfernt, sondern auch umfassendere Entwicklungsmöglichkeiten bietet.

Vor der Einbettung sollten Ladezeiten der Startseite, das Lazy Loading, Geräte mit geringer Leistung, Touch-Interaktionen sowie barrierefreie Ersatzinhalte getestet werden. Komplexe Echtzeit-3D-Anwendungen erhöhen die Belastung für CPU, GPU und Netzwerk.

React und Next.js

Die offiziellen React-Komponenten umfassen den Spline Runtime und ermöglichen es, Szenen in React- sowie Next.js-Anwendungen zu laden, Ereignisse abzufangen und Objektmethoden aufzurufen. Die Code API dient dazu, Objekte zu finden, die Skalierung anzupassen, Ereignisse auszulösen und Eigenschaften dynamisch zu ändern.

Serverseitige Renderung und Routing-Wechsel müssen dynamische Einbindungen, Entfernung von Komponenten sowie Caching von Szenen ordnungsgemäß handhaben, um Fehler auf der ersten Seite oder eine doppelte Nutzung von Ressourcen zu vermeiden.

Export auf die Apple-Plattform

Pro unterstützt die Exportfunktionen von Apple – es sind Swift-Codeausschnitte oder generierte Xcode-Projekte möglich, um Szenen auf iPhone, iPad, Apple Silicon Macs sowie Vision Pro einzubinden. Die offizielle Laufzeitumgebung basiert auf Metal und SwiftUI.

Der aktuelle native Betrieb erfordert iOS oder iPadOS 16 oder neuer sowie einen Chip vom Typ A13 oder neuer; für Macs ist macOS 13 sowie Apple Silicon erforderlich, und für Vision Pro wird ein M2-Chip benötigt.

Um die App im App Store zu veröffentlichen, ist ein Entwicklerplan erforderlich.

Export für die Android-Plattform

Spline kann Richtungen für die Integration in Kotlin sowie APKs oder AABs erzeugen, um interaktives 3D in Android-Anwendungen einzubauen. Aufgrund von großen Leistungsunterschieden zwischen verschiedenen GPUs und Systemversionen ist ein Test auf Geräten mittlerer bis niedriger Klasse erforderlich.

Export von 3D-Dateien und Videos

Die Plattform unterstützt Exporte in den Formaten USDZ, STL, GLTF mit Farben und Texturen sowie Video. Die genauen Formate hängen vom Paket ab. Bei der Formatumwandlung können Ereignisse, Materialschichten oder Effekte verloren gehen; nach dem Export muss dies im Ziel-Engine überprüft werden.

Vergleich der Spline-Pakete und Preise

Das Zahlungsmodell ermöglicht es, monatlich für 5 US-Dollar 1000 AI-Credits hinzuzufügen; die maximale Anzahl der zusätzlich erwerbbaren Credits variiert je nach Paket. Der Preis wird pro Sitzplatz berechnet, während Steuern und die Währung je nach Land auf der Zahlelseite angegeben sind.

Wie wählt man zwischen Hobby und Pro?

Für den Export von unbegrenzten Dateien, wasserstofffreien Webseiten sowie weiteren Materialien reicht in der Regel Hobby aus. Wenn hingegen wasserstofffreie Embeds, Export für mobile Geräte, unbegrenzte Variablen, API-Verbindungen und Webhooks benötigt werden, sollte man Pro oder eine höhere Version wählen.

Max und Enterprise

Max richtet sich hauptsächlich an Nutzer, die häufig mit KI arbeiten, und umfasst 10.000 Credits; Enterprise bietet zusätzlich SSO, Verwaltung mehrerer Teams, Versionshistorie, Export von Code sowie Self-hosted Export und eignet sich besser für Organisationen mit Anforderungen in Bezug auf Sicherheit und Bereitstellung.

Leistungsoptimierung

Webseiten in 3D sollten weniger Polygone, Materialschichten, Texturgrößen, Echtzeitbeleuchtung sowie gleichzeitig abgespielte Animationen verwenden und stattdessen Lazy Loading sowie auf Anfrage erfolgende Renderung anwenden. Zudem sollten sie auf Smartphones, im Batteriemodus sowie mit integrierten Grafikkarten getestet werden.

Daten- und KI-Privatsphäre

Für die Erstellung mit KI müssen die Prompt-Wörter sowie Referenzbilder an einen Cloud-Dienst gesendet werden. Bevor Kundenprodukte, nicht veröffentlichte Charaktere sowie sensible Materialien hochgeladen werden, sollten die Richtlinien von Spline zur Nutzung und Organisation von KI-Daten überprüft werden.

GitHub und der Open-Source-Zustand

Der Core-Browser-Editor von Spline, die AI-basierte 3D-Generierung, Hana sowie Konten- und Cloud-Dienste sind keine Open-Source-Produkte. Die offizielle GitHub-Seite stellt React-Komponenten, Pakete im Zusammenhang mit dem Web Runtime, den iOS-Runtime sowie Beispielprojekte zur Verfügung.

React-Spline wird unter der MIT-Lizenz bereitgestellt, doch seine Nutzung in der öffentlichen Umgebung bedeutet noch nicht, dass es sich um einen vollständigen Editor oder ein offenes AI-Modell handelt. Auch die Exportfunktion für Enterprise-Installationen gibt keinen Zugang zum Quellcode der Kernplattform.

Anleitung zur Verwendung von Spline AI

Eine grundlegende Aufgabe erledigen

1. Klare Definition der in Spline AI zu erledigenden Codeaufgaben, des Repository-Bereichs und der Akzeptanzkriterien;
2. Verbinden oder importieren Sie das Testprojekt und erstellen Sie zunächst eine Sicherungskopie der aktuellen Branch.
3. Erst wird mit Text to 3D ein 3D-Generierungsplan erstellt, anschließend wird die geänderte Datei überprüft;
4. Verwenden Sie „Bild zu 3D“-Funktion, um 3D-Bilder zu erstellen und geringfügige Änderungen vorzunehmen;
5. Ausführen von Tests, statischen Überprüfungen und der Kompilierung – unüberprüfter Code wird nicht direkt akzeptiert;
6. Manuelle Überprüfung von Berechtigungen, Schlüsseln, Abhängigkeiten und Fehlerbehandlung vor der Kombination;

Erstellung wiederverwendbarer professioneller Workflows

1. Wählen Sie ein real existierendes Projekt mit niedrigem Risiko als Vorlage aus;
2. Reihenfolge der Verwendung von Text zu 3D-Text zur Erstellung von 3D-Modellen, Bild zu 3D-Bild zur Erstellung von 3D-Modellen sowie Remix und Varianten;
3. Erfassen von Umgebung, Modellen, Hinweisen und Fehlbedingungen;
4. Manuelle Freigabe für Schreib-, Bereitstellungs- und Löschvorgänge einrichten;
5. Vergleichen Sie Geschwindigkeit, Kosten, Testbestehensrate und Anzahl der Nacharbeiten;
6. Erst nach Überprüfung der Stabilität auf Team- oder Produktionsumgebung ausweiten;

Für welche Nutzer geeignet?

• Webdesigner, der interaktive 3D-Webseiten erstellt;
• Visuelle Kreative, die schnell 3D-Assets erstellen;
• Das Team, das die Produktkonfiguratoren sowie die Seiten für die Interaktion mit der Marke erstellt;
• Entwickler, die 3D in React- und Next.js-Projekten integrieren;
• Team, das native 3D-Erlebnisse für iOS, Android und Vision Pro entwickelt;
• Designer, die 2D-KI-Bilder zusammen mit 3D-Szenen erforschen müssen.

Vorteile des Produkts

• 3D-, 2D-, Animations- und Interaktionsfunktionen im Browser;
• Unterstützung bei der Erstellung von 3D-Bildern sowie von Bildern mit Texturen und stilistischen Effekten aus Texten und Bildern;
• Es ist nicht notwendig, traditionelle 3D-Programmierung zu verwenden, um Ereignisse und Zustände zu erstellen;
• Abdeckung von Web, React, Next.js, Apple und Android;
• Einfache kostenlose Version sowie ein klar strukturiertes System für AI-Credits;
• Offiziell werden mehrere Laufzeiten und Entwicklungskomponenten bereitgestellt.

Einschränkungen und Hinweise

• Die Gittergenauigkeit und Topologie der von KI erzeugten Modelle sind begrenzt, und StyleTransfer gilt weiterhin als experimentelle Funktion.
• Komplexe Webseiten-Szenarien können zu Leistungs- und Ladeproblemen führen. Code, Self-Hosting sowie Versionshistorie sind nur in der Enterprise-Version verfügbar.
• Die Gebühren werden pro Sitzplatz berechnet, und AICredits können zusätzliche Kosten verursachen;
• Die kommerziellen Rechte an Modellen, Referenzbildern und generierten Assets müssen separat überprüft werden.

Häufige Fragen

Ist Spline AI kostenlos?

Free ermöglicht den Einsatz sowie eine begrenzte AI-Erfahrung; für die echte, häufige Erstellung sowie die Veröffentlichung ohne Wasserzeichen sind Hobby, Pro oder Max erforderlich.

Kann Spline AI Bilder in 3D umwandeln?

Ja, Image to 3D verwendet ein Vorderbild zur Beeinflussung der Erstellung, während die Rückseite und verdeckte Bereiche von der KI geschätzt werden.

Kann man Spline in React einbinden?

Ja, offiziell werden React- und Next.js-Komponenten sowie eine Code-API bereitgestellt.

Wie viel kostet Spline Pro?

Der Referenzpreis beträgt 20 US-Dollar pro Sitzplatz und Monat bei jährlicher Zahlung, oder 25 US-Dollar pro Sitzplatz und Monat bei monatlicher Zahlung.

Ist Spline Open Source?

Der Kern-Editor und die AI-Plattform sind nicht open source; einige Komponenten wie die offiziellen React-, Web- und iOS-Runtimes sind hingegen öffentlich zugänglich.