---
name: 8thwall-webar
description: "8th Wall WebAR Integration für Illusion Ware Streetwear-Produkte. Seit 28.02.2026 komplett open source (MIT-Lizenz, kostenlos). Enthält Setup-Anleitungen für Image Targets (Spotify Barcodes), Face Effects, Sky Effects und Self-Hosted Deployment. Nutze diesen Skill IMMER wenn: WebAR für Produkte gebaut wird, 8th Wall / 8thwall erwähnt wird, AR-Erlebnisse für Etsy/Illusion Ware erstellt werden, Spotify Barcodes mit AR verbunden werden, Image Targets generiert werden, oder die 8th Wall Migration thematisiert wird. Auch triggern bei: 'AR auf dem T-Shirt', 'Produkt scannen', 'WebAR Erlebnis', 'augmented reality', 'face filter', 'image target', 'Niantic', 'SLAM', 'XR engine'."
---

# 8th Wall WebAR — Illusion Ware

Dieses Skill macht 8th Wall WebAR für unsere Illusion Ware Streetwear-Produkte nutzbar. Der Kerngedanke: Kunden scannen ein Produkt (z.B. den Spotify Barcode auf einem T-Shirt) und sehen ein AR-Erlebnis — das ist unser Differenzierungsmerkmal gegenüber normaler Print-on-Demand Ware.

## Aktueller Status (März 2026)

8th Wall ist seit 28. Februar 2026 open source. Das bedeutet für uns: **0€ statt 99$/Monat**, voller Zugriff auf den Quellcode, und die Freiheit, die Engine nach unseren Bedürfnissen anzupassen.

| Komponente | Lizenz | Für uns relevant? |
|------------|--------|------------------|
| Engine Framework | MIT (open source) | ✅ Ja — Basis für alle AR-Erlebnisse |
| Face Effects | MIT (open source) | ✅ Ja — AR-Filter auf Streetwear-Fotos |
| Image Targets | MIT (open source) | ✅ Ja — Spotify Barcode → AR Trigger |
| Sky Effects | MIT (open source) | ✅ Ja — Atmosphäre für Produktfotos |
| World Effects | Binary (kostenlos) | ⚡ Optional — 3D-Produkte im Raum |
| SLAM | Binary (closed source) | ⚡ Optional — nur für Raum-Tracking |
| MCP Server | ⏳ Angekündigt (März 2026) | 🔥 Bald — Agent kann AR-Projekte erstellen |

Quellen: [8th Wall Blog](https://www.8thwall.com/blog/post/208587408737/8th-wall-open-source) · [Migration FAQ](https://www.8thwall.com/docs/migration/faq/) · [GitHub](https://github.com/8thwall/8thwall)

## Unser USP (Illusion Ware)

Illusion Ware verkauft auf Etsy Streetwear mit eingebetteter AR-Technologie:
1. **AI-Generated Art** — ComfyUI/Stable Diffusion erzeugt die Designs
2. **Spotify Barcode** — Jedes Produkt hat einen scanbaren Code der Musik verlinkt
3. **WebAR via 8th Wall** — Beim Scannen des Barcodes startet ein AR-Erlebnis
4. **Print-on-Demand** — Kein Lager, kein Risiko, skaliert automatisch

Der `etsy_creator.py` Script in `_SORTIERT/17_Scripts-Execution/` generiert SEO-optimierte Listings mit WebAR-Hinweis automatisch.

## Entscheidungsbaum: Welches Feature wann?

```
Neues Produkt erstellen?
├── Hat einen Spotify Barcode → IMAGE TARGET (Barcode als Trigger)
│   └── Scan startet Animation/Video/3D-Overlay
├── Soll AR-Filter für Social Media haben → FACE EFFECTS
│   └── Instagram/TikTok-taugliche Filter zum Teilen
├── Soll atmosphärische Fotos haben → SKY EFFECTS
│   └── Dramatic sky backgrounds für Produktfotos
└── Soll 3D-Produkt im Raum zeigen → WORLD EFFECTS
    └── Kunden sehen Produkt in ihrem Zimmer
```

## Technisches Setup

### 1. Image Target erstellen (Spotify Barcode → AR)
```bash
git clone https://github.com/8thwall/8thwall.git
cd 8thwall/apps/image-target-cli
npm install
# Spotify Barcode als PNG vorbereiten (mind. 300x300px, guter Kontrast)
node index.js --input spotify-barcode.png --output target.json
```
Das `target.json` wird dann im AR-Projekt als Trigger verwendet.

### 2. AR-Projekt starten
```bash
cd 8thwall/packages/engine
npm install
npm run dev
# → localhost:8080 zeigt die AR-Vorschau
```

### 3. Deployment (Self-Hosted)
- Keine Cloud nötig — wir hosten auf eigenem Server oder Netlify/Vercel
- Engine Binary für SLAM: https://github.com/8thwall/engine/tree/main
- Attribution an Niantic Spatial MUSS in den Footer (Lizenz-Pflicht)

## Wichtige Deadlines

| Datum | Was | Aktion für uns |
|-------|-----|----------------|
| 28.02.2026 | Plattform geschlossen | ✅ Erledigt — kein Zugriff mehr auf 8thwall.com |
| März 2026 | Desktop App + MCP Server open source | ⚠️ MCP Server sofort integrieren wenn released |
| 28.02.2027 | Gehostete Projekte werden gelöscht | ⚠️ Falls wir alte Projekte haben: vorher migrieren |

## Self-Annealing (Selbstverbesserung)

### Nach jeder Nutzung
1. **Neue 8th Wall Releases prüfen:** GitHub Releases + Discord auf neue Features checken → Skill updaten
2. **AR-Performance tracken:** Welche AR-Erlebnisse werden am meisten gescannt? → Erkenntnisse in `erkenntnisse.md`
3. **Etsy-Integration:** Wenn ein neues Listing mit AR erstellt wird → Conversion-Rate vergleichen (mit AR vs. ohne)

### Erkenntnisse-Log
Jede Erkenntnis in: `02_Knowledge/business/illusion-ware/webar-erkenntnisse.md`

```markdown
## [Datum] — [Was gelernt]
- **Feature:** [Welches 8th Wall Feature]
- **Ergebnis:** [Was passiert ist]
- **Verbesserung:** [Was im Skill geändert wird]
```

### Automatische Verbesserungen
| Trigger | Aktion |
|---------|--------|
| Neues 8th Wall GitHub Release | Feature-Tabelle updaten |
| MCP Server wird released | Sofort Setup-Anleitung hinzufügen |
| AR-Erlebnis funktioniert nicht auf Gerät X | Kompatibilitäts-Tabelle ergänzen |
| Neues Produkt-Design erstellt | Passenden AR-Typ vorschlagen |
| Etsy-Listing ohne AR-Hinweis | Warnung + Template für Beschreibung |

## Ressourcen
- 8thwall.org: https://8thwall.org/?site_path=get-started
- Sample Projects: http://8th.io/examples
- GitHub Engine: https://github.com/8thwall/engine/tree/main
- GitHub Framework (MIT): https://github.com/8thwall/8thwall/tree/main/packages/engine
- Image Target CLI: https://github.com/8thwall/8thwall/tree/main/apps/image-target-cli
- Archive: https://github.com/8thwall/archive
- Discord: https://8th.io/discord
- Governance: https://github.com/8thwall/8thwall/blob/main/GOVERNANCE.md