Skip to content

Qbject/the-book-of-qbject

Repository files navigation

The Book or Qbject

Portfolio/Personal site web app styled as a fancy interactive 3D book.

preview

demo.mp4

The project is built with Three.js, TypeScript, Vite, HTML and CSS. Pages content was made using Figma, Paint.net, Photoshop and Photopea and include several public domain and royalty-free illustrations. Demo videos were recorded and edited with ShareX, OBS Studio, Shotcut and DaVinci Resolve. Assets are hosted in the separate repository

Notable features

  • Lighting and shadows
  • Realistic book shape and behavior
  • Page physics and bending
  • Full-screen mode
  • Supports mobile devices
  • Optimized well
  • Videos on pages
  • Interactive areas (links etc) on pages
  • Loading screen
  • Intro animation

Issues

  • The code needs a good refactor; it has a lot of implicit behaviors and is hard to comprehend at some places
  • Graphics settings on mobile should be reduced for better performance and battery usage

License

This project is licensed under the MIT License - see the LICENSE file for details.

Note: The assets related to this project are stored in a separate repository and are not covered under this license.