Przejdź do treści
Wróć do wszystkich narzędzi№ 002

Flipbook 3D

Otwórz dowolny PDF jako realistyczny flipbook 3D — WebGL, CSS 3D lub lekki swipe.

0 B wysłane na serwer

Najpierw dodaj plik.
lub otwórz z linku

PDF w przeglądarce to przewijany zwój. Katalog, magazyn czy program zostały zaprojektowane jako coś, co się kartkuje, i to narzędzie to przywraca: strony są renderowane w wysokiej rozdzielczości i prezentowane jako książka, którą się przegląda. Dostępne są trzy silniki, między którymi możesz się przełączać bez ponownego renderowania — WebGL dla prawdziwego trójwymiarowego zaginania stron, CSS 3D jako lżejsza wersja, która nie potrzebuje GPU, i płaski tryb 2D, który działa wszędzie, także na starych telefonach.

Warto wiedzieć o eksporcie. Możesz pobrać flipbook jako samodzielną całość — folder w pliku ZIP albo pojedynczy plik HTML — zawierającą przeglądarkę, silnik i Twoje strony. Otwiera się dwuklikiem, działa offline i nie wykonuje żadnych zewnętrznych połączeń, więc katalog można umieścić na pendrivie albo statycznym hostingu bez niczego więcej.

Jak to działa

  1. Upuść PDF albo otwórz go z linku.
  2. Poczekaj, aż strony zostaną wyrenderowane w wysokiej rozdzielczości.
  3. Zmień silnik, jeśli widok 3D się zacina — strony nie są renderowane ponownie.
  4. Czytaj albo wyeksportuj cały flipbook jako folder ZIP lub pojedynczy plik HTML.

Do czego się przydaje

  • Opublikowanie katalogu lub magazynu na stronie internetowej jako czegoś, co ludzie naprawdę kartkują.
  • Przekazanie klientowi samodzielnej, interaktywnej wersji broszury, która działa offline.
  • Prezentowanie programu lub lookbooka na tablecie bez przeszkadzającego czytnika PDF.

Najczęstsze pytania

Czy mój plik trafia na serwer?
Nie. Plik otwierają JavaScript i WebAssembly działające w karcie Twojej własnej przeglądarki. Nigdy nie jest przesyłany, nie ma żadnego przetwarzania na serwerze i nic nie jest przechowywane – zamknięcie karty usuwa wszystko.
Co dokładnie jest w eksporcie?
Przeglądarka, silnik i Twoje wyrenderowane strony — kompletny flipbook. Nie ma w nim PDF-a, nic nie jest przesyłane i nie wykonuje żadnych zewnętrznych połączeń, więc działa z folderu, pendrive'a lub dowolnego statycznego hostingu.
Którego silnika użyć?
WebGL dla prawdziwego efektu zaginania stron na komputerze z GPU. CSS 3D, gdy WebGL się nie uruchamia lub urządzenie jest skromne. Płaski 2D jako opcja, która działa zawsze. Przełączanie jest natychmiastowe, bo strony są już wyrenderowane.
Pojawia się komunikat, że nie udało się uruchomić silnika flipbooka.
Zwykle WebGL jest niedostępny — maszyna wirtualna, zablokowana przeglądarka albo stare GPU. Przełącz na CSS 3D lub płaski 2D; treść jest identyczna, różni się tylko animacja przewracania stron.
Dlaczego przy długim dokumencie działa wolno?
Każda strona jest renderowana w wysokiej rozdzielczości, żeby tekst pozostał ostry po powiększeniu, a to dla przeglądarki prawdziwa praca. Dwustustronicowy katalog wymaga chwili na starcie, a potem czyta się go płynnie.

Podobne narzędzia