Three.js

Three.js ist eine Open-Source-JavaScript-Bibliothek, die 3D-Grafiken in Webbrowsern mittels [WebGL](/glossary/webgl) rendert. Sie abstrahiert die Komplexität der [WebGL](/glossary/webgl)-API und bietet Entwicklern ein High-Level-Toolkit zum Aufbau von 3D-Szenen mit Kameras, Beleuchtung, Materialien, Geometrie und Animationsschleifen. Ursprünglich 2010 von Ricardo Cabello (Mr.doob) erstellt, hat sich Three.js zur meistverwendeten 3D-Bibliothek für das Web entwickelt — eingesetzt in Produktkonfiguratoren, Architektur-Rundgängen, Datenvisualisierungen und interaktivem Storytelling. Da sie über WebGL auf der GPU läuft, kann Three.js komplexe Szenen mit 60 Bildern pro Sekunde auf moderner Hardware rendern, ohne Plugins oder native Installationen.

Three.js ist die zentrale Rendering-Engine hinter FlipLinks [Flipbook](/glossary/flipbook)-Erlebnis. Wenn Sie ein PDF hochladen und ein Flipbook erstellen, nutzt FlipLink Three.js, um jede Seite als 3D-Oberfläche mit realistischen [Seitenumblätter-Animationen](/glossary/page-flip-animation) darzustellen. Jede Seitenwende wird in Echtzeit berechnet: Das Papier verformt sich entlang einer Kurve, die Rückseite der Seite wird sichtbar und dynamische Schatten wandern über die Doppelseite. Der Renderer unterstützt verschiedene [Cover-Typen](/glossary/cover-type) — [Hardcover](/glossary/hardcover) und [Paperback](/glossary/paperback) — jeweils mit eigenem Biegeverhalten und eigener Rückenmechanik. Three.js rendert die gesamte Szene über die GPU des Lesers, sodass Animationen ohne serverseitige Verarbeitung flüssig bleiben. Für Situationen, in denen ein einfacheres Layout bevorzugt wird, bietet FlipLink alternativ einen [PDF.js](/glossary/pdf-js)-basierten [Dokument-Viewer](/glossary/document-viewer), sodass Verleger pro Publikation das passende Format wählen können.