3D FlipBook – PDF Viewer

Mô tả

3D FlipBook is PDF Viewer or WordPress plugin that allows to browse images, PDFs or HTMLs as a flipping book.
It can be used for demonstration magazines, books, cards, brochures, booklets and much more in natural way.
It helps to attract user attention and make more impression on him.

Start from the live preview.

Main features

Version 1.9

  • Auto resolution
  • Double pages PDFs
  • IE11 Fulscreen

Version 1.8

  • 3D FlipBook categories

Version 1.7.6

  • Shortcode generator

Version 1.7

  • RTL mode
  • Default template option in General Settings

Version 1.6

  • CSS Layers
  • Languages

Version 1.5

  • PDF search

Version 1.4

  • Thumbnails
  • Flip sounds
  • Deep linking

Version 1.3

  • PDF bookmarks
  • Printing
  • Single page mode
  • Control customization
  • Fit view command
  • Controllable script for templates

Version 1.2

  • PDF links
  • Mobile-Friendly
  • Flipping sheet animation style
  • Loading animation and progress

Version 1.1

  • Smart pan mode
  • Skins
  • Flipping covers together with other pages

Version 1.0

  • Realistic view
  • Natural behaviour
  • Flixible page corners
  • User behaviour prediction system
  • HTML, PDF, images as sources
  • User friendly
  • High perfomance
  • Lightbox effect
  • Interactive
  • Responsive
  • Easy to use
  • Well documented

Details

Realistic view

3D FlipBook allows to create volume book, with page thickness. It is the most exact computer model of a book or a magazine from real world.

The plugin is able to simulate book opening process.
Modeled book repeat the same actions as its real prototype:
while the cover is opening or closing the internal pages are deforming as it happens in life.
The deformation can be customized. You can reduce it or switch off.

Natural behaviour

The plugin is called 3D FlipBook, for sure, it can perform page flipping animation.

But this is very common ability so all typical plugins are able to do it.
3D FlipBook allows to customize the shape of flipping pages but it is still not enough to be unique.

The main feature is using specially designed physics engine that perform all interaction with a user.
This engine is based on physics laws so all user actions with the model seems realistic.
The plugin allow you drag and throw pages together. The engine solve the collisions and show natural scene.

Physics engine has a lot of properties: gravity, mass, flexibility, page flipping velocities and much more.
But it is little necessary to know for using the plugin because all those properties have default presets.

Flexible page corners

The main goal of 3D FlipBook is maximum user friendly. Main key of being friendly is behave in habitual for user way.
How are we used to turn pages in books? – of course it is dragging a page while holding a corner!
3D FlipBook is one known 3D plugin that has such feature.

Skins support

Supporting skins makes customization very easy. It is necessary just to choose appropriate skin and that is all.
Now there are available skins for light and dark themes – the most universal ones.

Smart pan

3d FlipBook has smart algorithm to show the book in maximum comfortable and appropriate for user way.
It automatically chooses book scale and alignment on the screen, disallows user to drag the book out of view port.
The pan makes only smooth moves that seems very friendly for user. All these abilities help the book to look richer.

HTML, PDF, images as sources

The plugin can use PDF, images and HTMLs as pages. Supporting HTML format as texture is a new technology no one of other plugins support it.
HTML allow easily create interactive books, handle user events, manage plugin behaviour. Using HTML textures is next important step in development web animation.
Supporting PDFs allows to use the plugin as PDF Viewer.

User behaviour prediction system

The plugin is not just pretty but it is smart. It has user behaviour prediction system.
3D FlipBook tracks user actions and try to predict next necessary pages.
In the background it loads predicted pages and renders them. When the user go to next page it is ready to be shown.

3D FlipBook uses priorities for page loading. First of all it loads visible for user pages then predicted ones.
It is possible to customize amount of pages to predict and quantity of used by user pages for predicting his behaviour.

User friendly

3D FlipBook is designed to be maximum user friendly. It has familiar to user page flipping control.
Flexible corners help user to understand that he can turn the page by means drag and drop technology.
Physics engine computes page transforms in similar to real world way.
Modeling book is close to natural book – it has the same volume and shape.
It is possible to use hard flat covers to create hard bending and use flexible pages, make whole book flexible or flat.

The plugin has specially designed animation of page loading process.
It is created automatically for different page colors.
3D FlipBook computes animation colors as inversion of page color.
It looks nice for all colors.

3D FlipBook supports fullscreen mode. It is comfortable to watch magazines in this mode, they look like alive.

Sometimes it is useful to change lightning. 3D FlipBook gives to its users such ability.
User can change lightning to do it appropriate for him. It is important option for reading long texts.

High performance

The plugin performance does not depend on number of pages because it does not manage single pages.
3D FlipBook works with blocks of pages, it allows to keep in memory just visible for user pages.
So if the book is closed then there are 2 or 3 blocks.
The first is left cover, the second is right cover and third is internal pages.
If the book is opened there can be two blocks for left and right internal pages.
There can be more blocks just when the flipping animation is performing.
The plugin has no problem with more than 50 simultaneously flipping blocks.
When the turn is finished the turned block merges with neighbour block.

For fast rendering 3D graphics 3D FlipBook uses WebGL. WebGL is a API for creating interactive 3D graphics without using plugins.

PDF Viewer uses lightweight Mozilla PDF.js library. It allows to render PDFs very fast and in high quality.

Interactive

Supporting HTML opens wide abilities for creating interactive books.
It allows to use CSS3 and JavaScript, create navigation, use hover effects and much more.
3D FlipBook as PDF Viewer supports PDF links, highlighters and any HTMl as the second layer markup.

Responsive

3D FlipBook is designed to occupy whole container where you place it. So if the container size changes the plagin recompute its dimensions.
So keep the container responsive and plugin will be responsive too.

Easy to use and customize

3D FlipBook is well documented, has a lot of examples and getting started manual. It is easy to start.
The plugin supports skins, so it is possible to create own skins or customize style or template files of existing.

The plugin has a lot of customization options (see the documentation).
If it is not enough you can edit the project. It is written in modern JavaScript (ES6) object oriented style. Very easy to understand how it works.

Ảnh màn hình

  • Closed book in Lightbox mode.
  • Pages flipping.
  • Opened book in Lightbox mode.
  • Corners flexibility demonstration.
  • Fullscreen mode - short-white-skin.
  • Fullscreen mode - black-skin.
  • short-white-skin.
  • white-skin.
  • short-black-skin.
  • black-skin.

Cài đặt

To install the plugin use the regular WordPress plugin installation wizard. For more details see the user manual.

To understand how the plugin works watch next two videos:

More videos on the plugin official video channel.

Hỏi đáp

How does the plugin works?

Read the user manual.

Đánh giá

8 Tháng Tám, 2020
on version 5.4.2 of wordpress , i cannot do as the video show to create the 1st page as it not in line withe th new version very disappointing , if it changes and an updated video shows what e new version of word press can do then will change review but at this time would give it a zero
24 Tháng Bảy, 2020
I have never had a moments problem with this plugin.
16 Tháng Bảy, 2020
A pretty lean and mean plugin and works right out of the box. I'm using the FREE version and it's adequate for my site needs. Great work!
13 Tháng Bảy, 2020
I recently created a large catalog and the free version of this plugin works great! I still have to optimize my page for mobile but from what I can tell it looks good on responsive displays. I am using the plugin on a theme called JupiterX which is an elementor based platform.
9 Tháng Một, 2020
I have installed this plugin and found the issue in controls. the full-screen function is not working on iOS Mobiles. Please check. Looking forward to your response!! Kind regards, Ram
Đọc tất cả 28 đánh giá

Người đóng góp & Lập trình viên

“3D FlipBook – PDF Viewer” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“3D FlipBook – PDF Viewer” đã được dịch qua 2 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “3D FlipBook – PDF Viewer” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi

Version 1.10.3

  • Removed white line on the left side of a closed book

Version 1.10.2

  • Saving auto generated thumbnails on the disk for for fast loading on the client side
  • Default lightbox that you can choose in the plugin settings
  • User friendly pages rendering queue

Version 1.10.1

  • Simplified book properties
  • Added predefined book styles
  • Smooth page landing

Version 1.9.29

  • FullScreen emulation for iPhone

Version 1.9.28

  • Added error messages for flipbook editor
  • Fixed zoom gesture for touchscreen devices
  • Detecting mobile mode by screen diagonal

Version 1.9.27

  • Performance improvement – much faster initial loading
  • Helpful links
  • Limited height for automated widget size computation: height = min(90vh, 0.75*width)
  • Added CSS class ‘fb3d-default-page’ for customization plugin default page

Version 1.9.26

  • Removed toolbar transparency

Version 1.9.25

  • Changed plugin logotype
  • Review reminder
  • Fixed a bug in PDF rendering

Version 1.9.23

  • Disappearing page CSS Layer properties (CSS, HTML, JS) was fixed

Version 1.9.22

  • New version PDFJS 2.3.200

Version 1.9.21

  • New pages predicting algorithm

Version 1.9.20

  • Performance optimization – disabled 3D rendering for idle

Version 1.9.19

  • Fixed disappearing on Android devices – Updated THREE JS library

Version 1.9.18

  • Fixed the bug: “Failed to initialize plugin: 3dfbInsert”

Version 1.9.17

  • Fixed disappearing edit details

Version 1.9.16

  • Fixed error in classic blocks – insert dialog

Version 1.9.15

  • JavaScript ready function
  • Editing PDF url

Version 1.9.12

  • Fixed an admin side styles issue

Version 1.9.11

  • Fixed the zero size bug in FireFox
  • Fixed a bug with links in doubled page PDFs

Version 1.9.10

  • Fixed a bug in hits highlighting
  • Fixed a bug in CSS Layers

Version 1.9.9

  • Narrow View

Version 1.9.8

  • Fixed the loading PDF issue in Edge

Version 1.9.7

  • Updated PDFJS lib – faster loading for PDFs

Version 1.9.6

  • Links in IE11/Edge
  • Interactive corners for Mac

Version 1.9.5

  • Fixed the iOS iframe resizing issue (wrong alignment)

Version 1.9.4

  • Fixed the bug with disappearing the download button

Version 1.9.3

  • Changed the PDF range chunk size – faster PDF loading

Version 1.9

  • Auto resolution
  • Double pages PDFs
  • IE11 Fulscreen

Version 1.8.2

  • Fixed bug in loading languages from global directory

Version 1.8

  • 3D FlipBook categories

Version 1.7.6

  • Shortcode generator

Version 1.7

  • RTL mode
  • Default template option in General Settings

Version 1.6

  • CSS Layers
  • Languages

Version 1.5

  • PDF search

Version 1.4

  • Thumbnails
  • Flip sounds
  • Deep linking

Version 1.3

  • PDF bookmarks
  • Printing
  • Single page mode
  • Control customization
  • Fit view command
  • Controllable script for templates

Version 1.2

  • PDF links
  • Mobile-Friendly
  • Flipping sheet animation style
  • Loading animation and progress

Version 1.1

  • Smart pan mode
  • Skins
  • Flipping covers together with other pages

Version 1.0

  • Realistic view
  • Natural behaviour
  • Flixible page corners
  • User behaviour prediction system
  • HTML, PDF, images as sources
  • User friendly
  • High perfomance
  • Lightbox effect
  • Interactive
  • Responsive
  • Easy to use
  • Well documented