GithubHelp home page GithubHelp logo

taoml9527 / bookpageflipanimation Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ceciliachenguo/bookpageflipanimation

0.0 0.0 0.0 12.17 MB

iOS SwiftUI Animation for mimicing Book Page Flipping Effect

Swift 100.00%

bookpageflipanimation's Introduction

iOS Book/Reading App Page Flipping 3D Animation

This project showcases an iOS Book App interface built using SwiftUI. It provides an interactive experience with top-rated books, displaying book covers with 3D effects as the user navigates through the collection. The visual emphasis of this project is to leverage 3D animations to enhance user interaction and experience.

๐Ÿ“ฑ Demo Video

Screen.Recording.2023-08-04.at.4.51.02.PM.mov

๐ŸŒŸ Features

  • Top Rated Books Header: A header view displaying the title "Top Rated".
  • Book Slider: A horizontal book slider with a custom tab view design, allowing users to scroll through a collection of top-rated books. Each book is presented with an isometric design and 3D rotation effect as it gets into focus.
  • Book Details: Displays the title and author of the current book in view, using interactive spring animations.
  • Isometric View Design: A custom SwiftUI view that presents content with isometric depth and shadows, adding a 3D feel to the design.
  • Custom Projection: An animatable geometry effect that customizes the projection of views, enhancing the 3D appearance.

๐Ÿ›  Tools & Techniques

  • SwiftUI: The project is built using SwiftUI, Apple's framework for declarative UI design.
  • GeometryReader: Extensively used for responsive layouts and to access view size and position for dynamic animations.
  • 3D Animations: The app uses 3D animations to rotate book covers and provide a dynamic and interactive experience to users. This is achieved using rotation3DEffect and custom projections.
  • Interactive Spring Animation: Provides fluidity and responsiveness to user interactions, making animations feel more natural.

bookpageflipanimation's People

Contributors

ceciliachenguo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.