Libraries / L11 · Library · 3D / R3F
Labels for jars, bottles and cans in three.js and React Three Fiber
Loading the demo.
pnpm add @quartifex/sleeveNot on npm yet: the first release is pending. The quickstart, API table, browser support and limitations are in the README.
Concept visual. Morrow is a fictional brand, drawn in code for this demo.
What the printed label looks like: art laid out on the die-line lands straight and undistorted on the taper.
<Sleeve
band={{ radius: 0.42, radiusTop: 0.36, height: 1, y: 0.15 }}
coverage={360} seam={180} mapping="developed"
layers={[{ map: print, finish: "satin" }, { mask: wordmark, finish: "varnish" }]}
decals={[{ at: 34, y: 0.9, width: 0.22, height: 0.22, layers: [{ map: sticker, mask: round, finish: "foil" }] }]}
/>
// Author the print on dielineSvg(band) at labelAspect(band): it lands undistorted.