Skip to content

This personal project recreates the effect of flipping book pages using HTML, CSS, and JS, replicating a feature originally implemented around 2010 using Flash.

Notifications You must be signed in to change notification settings

i486magzog/magFlip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MagFlip npm version

MagFlip is *Magzog's first open project, implementing a page-flipping effect for books. Additionally, the MagFlipEditor, which allows for the creation and editing of books, and the MagFlipServer, which manages and serves book information, are also currently in development. See demo.

[*] "Magzog is a blend of 'magazine' and 'blog.' The idea is to combine printed formats like books, magazines, and newspapers with digital features."

Usage

JavaScript module

The first step is to install the Event Calendar core package:

npm install --save-dev @magflip/core @magflip/flipview

[In Progress] Then install any additional view plugins you plan to use:

npm install --save-dev @magflip/scrollview

Pre-built browser ready bundle

Include the following lines of code in the <head> section of your page:
Please refer to the sample code for more details.

<script src="https://cdn.jsdelivr.net/npm/@magflip/[email protected]/magflip.min.js"></script>


Flip Effect in math

Flip Effect from the corner on right bottom 1 Flip Effect from the corner on right bottom 2 Flip Effect from the corner on right bottom 3



The location of the mouse cursor

The Areas of Mouse Cursor Point1 The Areas of Mouse Cursor Point2 The Areas of Mouse Cursor Point3 The Areas of Mouse Cursor Point4

About

This personal project recreates the effect of flipping book pages using HTML, CSS, and JS, replicating a feature originally implemented around 2010 using Flash.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published