Gratis-Download

Cinematic 3D Websites With an Agent

Ein kostenloser Guide zu Dioramas, einem Open-Source-Framework von Blendi für cineastische, interaktive 3D-Websites, bei denen die Szene die Seite ist. Wie du die 20 Beispielseiten startest, die drei Ebenen (Asset-Pipeline, Engine, Methode), eine Briefing-Vorlage auf einer Seite, sechs Prompts, um mit Claude Code eine eigene Welt zu bauen oder umzugestalten, was neue 3D-Assets wirklich kosten und die Checks, bevor eine 3D-Seite in der EU live geht.

Der Download startet sofort, der Link kommt auch per Mail.

Ohne Newsletter-Haken bekommst du genau eine Mail mit deinem Link, die Adresse wird nach 7 Tagen gelöscht.

Was drin ist
  • Three layers Asset-Pipeline, Engine und Methode: was jede Ebene macht und wo sie im Repo liegt.
  • 20 examples Wie du sie lokal startest und welche sechs du zuerst ausprobierst.
  • BRIEF-TEMPLATE.md Ein Briefing auf einer Seite: Marke, Signatur-Interaktion, Hero-Objekt, Abschnitte, Muss-Kriterium.
  • PROMPTS.md Sechs Prompts: Engine lesen, umgestalten, aus einem Briefing bauen, Review-Schleife, fertig machen, ein neues Asset.
  • Real costs Was kostenlos ist, was fal-Guthaben braucht, und die Kostenangaben des Autors.
  • Honest catches GPU-Last, Google Fonts in den Beispielen, GSAP-Lizenz, erfundene Marken.

Git, Node.js 20+, etwa 1 GB Speicher und ein Rechner mit ordentlicher Grafikkarte. Die Beispiele starten und umgestalten ist kostenlos. Neue 3D-Modelle brauchen einen eigenen fal-API-Key und fal-Guthaben (kostenpflichtig). Claude Code oder ein anderer Coding-Agent für die Prompts. Der Guide ist auf Englisch.

Fabian Faraz Farid · Impressum · Datenschutz