DFRAG / Wrapper studies

Click once. Turn. Peel the back seam. Cards emerge.

Loading textures0.00 / 3.65 s

Start with B. The leading corner and delayed second leaf show how the adhesive gives. A is calmer. C puts more weight into the discarded foil.

Scope, sources and implementation

This is an isolated Vite and Three.js motion study. The app and database are untouched. The 860 ms turn follows the existing Fantasy prototype. The wrapper uses deforming meshes with authored release curves, not a physics simulation. Rendering runs only while playing, scrubbing or resizing.

Artwork source: dfrag.gg development at 942179a6. The checked-in DFRAG logo and Vexite portrait are reused. Pack colour and composition follow development's PackArtwork fallback. Development supplies custom pack previews through data and contains no foil atlas; the mock adds crimping and a rear seam. The sample card is an illustrative motion stand-in, not a new card design.

Download the standalone project

Lower. Two deformed sheets and one seam tab.