WebGL

WebGL (Web Graphics Library) ist eine JavaScript-API, die es Browsern ermöglicht, interaktive 2D- und 3D-Grafiken mithilfe der GPU des Geräts zu rendern — ohne Plugins oder Erweiterungen. Basierend auf OpenGL ES 2.0 bietet WebGL Low-Level-Zugriff auf hardwarebeschleunigtes Rendering direkt im Canvas-Element des Browsers. Alle großen Browser — Chrome, Firefox, Safari und Edge — unterstützen WebGL sowohl auf Desktop- als auch auf Mobilgeräten. Die API verwaltet Shader-Kompilierung, Texture Mapping, Beleuchtungsberechnungen und geometrische Transformationen und gibt Entwicklern präzise Kontrolle über GPU-gesteuerte Grafiken im Web.

FlipLink nutzt [Three.js](/glossary/three-js), eine verbreitete 3D-Bibliothek auf Basis von WebGL, um seine [Seitenumblätter-Animationen](/glossary/page-flip-animation) zu rendern. Wenn ein Leser eine Seite umblättert, rendert WebGL die Seitenkrümmung, Papierverformung, Schattenprojektion und Beleuchtungseffekte in Echtzeit auf der GPU. Das Ergebnis ist eine [realistische Buchsimulation](/glossary/realistic-book-simulation), die auf den meisten Geräten flüssig mit 60 Bildern pro Sekunde läuft. FlipLink bietet außerdem automatisches Fallback-Rendering für ältere Geräte, auf denen WebGL nicht verfügbar ist oder der GPU-Speicher begrenzt ist — so kann jeder Leser auf die Inhalte zugreifen. Die [Einstellungen für das Seitenerlebnis](/features/page-experience-and-layout) ermöglichen es Publishern, je nach Zielgruppe und Anwendungsfall zwischen dem vollen 3D-Umblättereffekt und einfacheren CSS-basierten Übergängen zu wählen.