Avatar

Matt Kettelkamp

Developer

Read Resume
LookBook
ReactReact Three FiberThree.jsTailwindcssFramer Motion

An interactive 3D photo book that uses advanced animations and custom designs to celebrate my friends' wedding.

LookBook is a custom-built 3D digital book created to celebrate my friends' wedding by showcasing their photos in an immersive, interactive experience. This project combines meaningful design with technical complexity to create a unique way of sharing memories.

The project is built with React Three Fiber for rendering the 3D scene and Three.js for advanced geometry manipulation. I used the Wigglebones library to integrate a skeleton system into the page meshes, enabling smooth bending animations as the pages turn. Each page mesh is skinned with bones, and vertex weights are calculated dynamically to ensure natural deformation during animations.

Textures are applied using alpha maps for detailed, glossy reflections, adding realism to the front and back covers. The project also employs custom shaders and materials for the pages, combining image textures with emissive highlights to enhance interactivity and visual appeal.

To ensure performance and scalability, I preloaded textures for all pages and optimized the geometry by reusing a single mesh structure for the entire book. Animations, like page-turning, are controlled with dynamic state updates and easing functions, providing a smooth user experience.

Due to the personal nature of the photos, the project is not publicly available. However, I'd be happy to share a private link—just shoot me a message!

Live Preview

Made with love for

Some Buddies

2025 — Built by Matthew Kettelkamp