> For the complete documentation index, see [llms.txt](https://docs.splexit.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.splexit.de/einfuhrung/quick-start-guide/deinen-ersten-splex-erstellen.md).

# Deinen ersten Splex erstellen

**In diesem Tutorial baust du in dein erstes Splexit-Projekt mit einem funktionsfähigen Splex auf. Am Ende hast du ein 3D-Modell, Annotationen und ein Bild — bereit für Mixed Reality.**

{% hint style="info" %}
\
**App oder Browser?**\
Alle Schritte in diesem Schritt des Tutorial funktionieren sowohl in der Companion App als auch im Browser unter [app.splexit.de](https://app.splexit.de). Die Companion App ist der empfohlene Einstieg — im Browser findest du dieselben Funktionen, wenn du lieber am Desktop arbeitest.<br>
{% endhint %}

### Schritt 1 — Neues Projekt anlegen

1. Öffne das Dashboard und klicke auf **Neues Projekt**.
2. Vergib einen Titel (z. B. *„Biologie - Die Zelle"*).
3. Wähle **Ohne Content-Modul** — du startest komplett leer.

Das Projekt erscheint sofort in deinem Dashboard. Öffne es im **Edit Mode mit "Bearbeiten"**

{% hint style="info" %}
**Projekt beschreiben**\
Gib deinem Projekt einen aussagekräftigen Titel und eine kurze Beschreibung. Ein Titelbild hilft dir, Projekte im Dashboard auseinanderzuhalten — besonders wenn du mehrere Projekte parallel verwaltest.
{% endhint %}

### Schritt 2 — Splex anlegen

Ein Projekt besteht aus Splexes. Jeder Splex braucht einen Titel und ist inhaltlich einem Thema zugeordnet, ähnlich der Überschrift einer PowerPoint Folien

1. Klicke im Projekt auf **Splex hinzufügen**.
2. Vergib einen Titel (z. B. *„Übersicht Menschliche Zelle"*).

Nach dem Anlegen siehst du die **Splex-Karte**. Oben die Vorschau — so wird der Splex später im Präsentationsmodus angezeigt. Darunter findest du die **3D-Szene-Elemente**, also die Kernkomponenten, aus denen ein Splex bestehen kann.

### Was ist ein Splex?

Ein **Splex** (kurz für *Spatial Learning Experience*) ist eine räumliche Lerneinheit. Stell dir eine Folie in PowerPoint vor — nur im 3D-Raum.

<figure><img src="/files/BKkJEUogHraNdqWEQHm1" alt="" width="375"><figcaption></figcaption></figure>

Mehr dazu:

{% content-ref url="/spaces/2gNv3WfielcW1FhNUhcz/pages/bYQM4yNkn9Zq0D0K7pyG" %}
[Was ist ein Splex](/einfuhrung/quick-start-guide/deinen-ersten-splex-erstellen/was-ist-ein-splex.md)
{% endcontent-ref %}

### Schritt 3 — Splex-Typ wählen

Standardmäßig ist ein **360°-Panorama** als Hintergrund aktiviert — die einfachste Splex-Variante. Für dieses Tutorial wählen wir stattdessen **Mixed Reality**.

Wähle die Funktion **AR / Mixed Reality** aus. Das Panorama schaltet sich automatisch ab.

| Modus                  | Beschreibung                                                                              |
| ---------------------- | ----------------------------------------------------------------------------------------- |
| **360° Panorama**      | Immersiver VR-Raum mit einem 360°-Bild als Hintergrund                                    |
| **AR / Mixed Reality** | Inhalte werden im echten Raum platziert (Durchsicht der VR-Brille oder Smartphone-Kamera) |

{% hint style="info" %}
\
**VR-Brille und Durchsicht**\
Für AR/Mixed Reality arbeiten die Teilnehmenden mit der Durchsicht (Passthrough) der VR-Brille. Ältere Geräte wie die Quest 2 haben nur eine Schwarz-Weiß-Durchsicht — es funktioniert, ist aber nicht die beste Erfahrung. Neuere Headsets bieten Farb-Passthrough. Wenn 3-DoF Brillen wie die Pico G3 zum Einsatz kommen, bleibt einfach der Panorama Hintergrund eingeschaltet. <br>
{% endhint %}

### Schritt 4 — Vorschaubild setzen

Bevor du Inhalte hinzufügst, gib dem Splex ein **Vorschaubild**. So erkennst du ihn später in der Projektübersicht und im Präsentationsmodus.

1. Klicke auf **Vorschaubild wählen**.
2. Lade ein Bild über den **File Browser** hoch oder wähle ein vorhandenes aus.

Der **File-Browser** ist die integrierte Medienbibliothek in Splexit — ähnlich wie in WordPress oder Canva, wo du eigene Dateien hochladen kannst. Nach dem Hochladen stehen Dateien im Cloud-basierten Content Management System zur Verfügung. Du kannst sie filtern, ansehen und wiederverwenden.

### Schritt 5 — Mediaslides hinzufügen

Ein Splex besteht nicht nur aus seinen statischen Kernkomponenten, sondern kann auch **Media-Slides** laden — zusätzliche Elemente, die du dynamisch zu- und wegschalten kannst.

| Verhalten           | Splex-Elemente                                     | Mediaslides                      |
| ------------------- | -------------------------------------------------- | -------------------------------- |
| **Dynamik**         | Statisch - Bleiben da solange ein Splex aktiv ist  | Dynamisch zu-/wegschaltbar       |
| **Bewegen**         | Nein - Feste verankerung in der szene am Nullpunkt | Ja — verschieben, skalieren      |
| **Ein-/Ausblenden** | Nein                                               | Ja — während der Splex aktiv ist |

{% hint style="info" %}
Eine hilfreiche Analogie: Der Splex ist ein leerer Raum mit einem bestimmten Layout. Ein Mediaslide ist die Couch, die du verschieben kannst, der Fernseher, den du ein- und ausschaltest oder das Poster das du aufhängst.
{% endhint %}

#### 3D-Modell hinzufügen

1. Klicke auf ( + )  **Media-Slide hinzufügen** →wähle im Dropdown **3D-Modell**.
2. Lade ein GLB-Modell hoch oder wähle eines aus dem File Browser.
3. Vergib einen Titel (z. B. *„Eukaryotische Zelle 3D"*).

{% hint style="info" %}
**3D-Modelle finden**\
[Sketchfab](https://sketchfab.com) ist eine gute Quelle für 3D-Modelle im GLB-Format. Achte auf die Lizenz und die Modellgröße — als Richtwert: Modelle mit mehr als \~500.000 Triangles oder vielen Texturen können auf VR-Brillen problematisch werden. Idealerweise unter 30 MB pro Modell. In einem späteren Tutorial zeigen wir dir, wie du Sketchfab direkt mit Splexit verbinden kannst, sodass du Modelle ohne Download laden kannst.<br>
{% endhint %}

#### Labels (Annotationen) hinzufügen

Labels sind Textannotationen, die du im 3D-Raum platzieren kannst — ideal, um Teile eines Modells zu beschriften.

1. Klicke auf das ( + ) **Media-Slide hinzufügen** → **Label**.
2. Vergib einen Titel (z. B. *„Zellkern"*).
3. Der **Label-Text** ergibt sich zunächst aus dem Titel, kann aber separat bearbeitet werden. Der Infotext ist das, was die Teilnehmenden in der VR-Brille lesen.
4. Wiederhole den Vorgang für weitere Labels (z. B. *„Zellmembran"*).

#### Bild hinzufügen

Zum Abschluss fügst du ein Bild als Mediaslide hinzu — wie ein Tafelbild, das im Raum schwebt.

1. Klicke auf ( + ) **Media-Slide hinzufügen** → **Bild /** Image.
2. Wähle ein Bild aus dem File Browser oder lade eins hoch.
3. Vergib einen Titel.

### Ergebnis

Dein erster Splex hat jetzt **vier Mediaslides**:

1. Ein 3D-Modell (Zelle)
2. Zwei Labels (Zellkern, Zellmembran)
3. Ein Bild (Tafelbild)

{% hint style="info" %}
**Projekt-Titelbild**\
Übernimm das Zellbild auch als Titelbild für dein Projekt, damit es im Dashboard sofort erkennbar ist.\
Verlasse den Editor — dein Projekt ist im Dashboard bereit.
{% endhint %}

### Nächster Schritt

→ [Inhalte verwalten](/einfuhrung/quick-start-guide/inhalte-verwalten.md) — So nutzt du das Content Management System für deine Medien


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.splexit.de/einfuhrung/quick-start-guide/deinen-ersten-splex-erstellen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
