Saltar para o conteúdo

Flipbook 3D

Abre qualquer PDF como flipbook 3D realista — WebGL, CSS 3D ou swipe leve.

0 B enviados para um servidor

Adiciona primeiro um ficheiro.
ou abre a partir de um link

Um PDF no navegador é um rolo. Um catálogo, uma revista ou um programa foram pensados como algo que se folheia, e esta ferramenta devolve-lhes isso: as páginas são renderizadas em alta resolução e apresentadas como um livro que vais folheando. Há três motores disponíveis e podes alternar entre eles sem voltar a renderizar — WebGL para uma verdadeira curvatura 3D da página, CSS 3D para uma versão mais leve que não precisa de GPU, e um modo 2D plano que funciona em qualquer lado, incluindo telemóveis antigos.

A parte que vale a pena conhecer é a exportação. Podes descarregar o flipbook como algo autónomo — uma pasta num ZIP, ou um único ficheiro HTML — que leva o visualizador, o motor e as tuas páginas juntos. Abre com duplo clique, funciona sem ligação e não faz chamadas externas, por isso um catálogo pode ir para uma pen USB ou para um alojamento estático sem mais nada.

Como funciona

  1. Arrasta um PDF, ou abre um a partir de uma ligação.
  2. Espera enquanto as páginas são renderizadas em alta resolução.
  3. Muda de motor se a vista 3D tiver dificuldades — as páginas não voltam a ser renderizadas.
  4. Lê-o, ou exporta o flipbook inteiro como pasta ZIP ou como um único ficheiro HTML.

Para que serve

  • Publicar um catálogo ou uma revista num site como algo que as pessoas realmente folheiam.
  • Entregar a um cliente uma versão interativa e autónoma de uma brochura que funciona sem ligação.
  • Apresentar um programa ou um lookbook num tablet sem um leitor de PDF pelo meio.

Perguntas frequentes

O meu ficheiro é enviado para um servidor?
Não. O ficheiro é aberto por JavaScript e WebAssembly a correr no separador do teu próprio navegador. Nunca é enviado, não há processamento em nenhum servidor e nada fica guardado: ao fechar o separador, tudo desaparece.
O que está realmente na exportação?
O visualizador, o motor e as tuas páginas renderizadas — um flipbook completo. Não há nenhum PDF lá dentro, nada é carregado e não faz chamadas externas, por isso corre a partir de uma pasta, de uma pen USB ou de qualquer alojamento estático.
Que motor devo usar?
WebGL para o verdadeiro efeito de página a curvar numa máquina com GPU. CSS 3D quando o WebGL não arranca ou o dispositivo é modesto. 2D plano como opção que funciona sempre. A troca é instantânea porque as páginas já estão renderizadas.
Diz que não conseguiu iniciar o motor do flipbook.
Normalmente o WebGL não está disponível — uma máquina virtual, um navegador bloqueado ou uma GPU antiga. Muda para CSS 3D ou 2D plano; o conteúdo é idêntico, só muda a animação de virar a página.
Porque é que é lento num documento comprido?
Cada página é renderizada em alta resolução para que o texto se mantenha nítido quando fazes zoom, e isso dá trabalho a sério ao navegador. Um catálogo de 200 páginas demora um bocado no início e depois lê-se sem soluços.