Naar de inhoud
Terug naar alle tools№ 002

3D-flipbook

Open elke PDF als realistisch 3D-flipbook — WebGL, CSS 3D of lichte swipe.

0 B naar een server geüpload

Voeg eerst een bestand toe.
of open via een link

Een PDF in een browser is een rol om door te scrollen. Een catalogus, tijdschrift of programmaboekje is ontworpen als iets wat je omslaat, en deze tool brengt dat terug: pagina’s worden in hoge resolutie gerenderd en getoond als een boek waar je doorheen bladert. Er zijn drie engines, en je kunt ertussen wisselen zonder opnieuw te renderen – WebGL voor een echte 3D-paginakrul, CSS 3D voor een lichtere versie die geen GPU nodig heeft, en een platte 2D-modus die overal werkt, ook op oude telefoons.

Het interessantste deel is de export. Je kunt het flipbook downloaden als iets op zichzelf staands – een map als ZIP, of één HTML-bestand – met de viewer, de engine en je pagina’s samen. Het opent met een dubbelklik, werkt offline en maakt geen externe calls, dus een catalogus kan op een usb-stick of een statische host zonder dat er verder iets nodig is.

Zo werkt het

  1. Sleep een PDF hierheen of open er een via een link.
  2. Wacht terwijl de pagina’s in hoge resolutie worden gerenderd.
  3. Wissel van engine als de 3D-weergave hapert – de pagina’s worden niet opnieuw gerenderd.
  4. Lees het, of exporteer het hele flipbook als ZIP-map of als één HTML-bestand.

Waarvoor je het gebruikt

  • Een catalogus of tijdschrift op een website publiceren als iets waar mensen echt doorheen bladeren.
  • Een klant een op zichzelf staande interactieve versie van een brochure geven die offline werkt.
  • Een programma of lookbook op een tablet presenteren zonder dat een PDF-lezer in de weg zit.

Veelgestelde vragen

Wordt mijn bestand naar een server geüpload?
Nee. Het bestand wordt geopend door JavaScript en WebAssembly in het tabblad van je eigen browser. Het wordt nooit geüpload, er is geen verwerking op een server en er wordt niets bewaard: sluit je het tabblad, dan is alles weg.
Wat zit er precies in de export?
De viewer, de engine en je gerenderde pagina’s – een compleet flipbook. Er zit geen PDF in, er wordt niets geüpload en het maakt geen externe calls, dus het draait vanuit een map, een usb-stick of elke statische host.
Welke engine moet ik gebruiken?
WebGL voor het echte paginakruleffect op een computer met een GPU. CSS 3D als WebGL niet start of het apparaat bescheiden is. Plat 2D als optie die altijd werkt. Wisselen gaat direct, omdat de pagina’s al gerenderd zijn.
Er staat dat de flipbook-engine niet kon starten.
Meestal is WebGL niet beschikbaar – een virtuele machine, een dichtgetimmerde browser of een oude GPU. Schakel over naar CSS 3D of Plat 2D; de inhoud is identiek, alleen de animatie van het omslaan verschilt.
Waarom is het traag bij een lang document?
Elke pagina wordt in hoge resolutie gerenderd zodat de tekst scherp blijft als je inzoomt, en dat is echt werk voor de browser. Een catalogus van 200 pagina’s kost vooraf even tijd en leest daarna soepel.

Gerelateerde tools