Gratis-DownloadAdd One 3D Moment to Your Website: Tools, Guide and Examples
Ein kostenloser Guide für 3D auf Websites: sieben Tools ehrlich verglichen (model-viewer, three.js, Babylon.js, PlayCanvas, A-Frame, Needle, Polygon) mit Lizenz und Aufwand, dann wie du ein kleines, schnelles und barrierearmes 3D-Element einbaust, mit zwei fertigen Beispielen und einem Prompt für Claude Code.
Was drin ist
- Tools Sieben Web-3D-Tools plus three.js: wofür jedes gut ist, Code oder Editor, Lizenz und Kosten.
- Decision table Drei Fragen, die das passende Tool für deinen Fall auswählen.
- Performance Modellgröße, Draco- und Meshopt-Kompression, Posterbild, Lazy Loading, Mobil.
- Accessibility Alt-Text, Tastatursteuerung und kein Auto-Drehen bei reduzierter Bewegung.
- Examples Ein drehbares Produkt mit model-viewer und mit three.js, dazu unser eigenes Demo-Modell.
- Prompt In Claude Code einfügen und ein drehbares Produkt in deine eigene Website einbauen.
Ein Browser und ein einfacher lokaler Server (npx serve oder python3 -m http.server). Dein Produkt als .glb-Modell, oder du nimmst unsere Demo-Tasse. Kein Konto, kein API-Key. Für den Prompt: Claude Code. Das Kit ist auf Englisch.
Fabian Faraz Farid · Impressum · Datenschutz