analaura · fragment configurator

vision — a co‑creation tool where customers use Analaura’s original geometric paintings to design unique garments. Zoom into micro‑details, pick tiny fragments, combine multiple paintings, and place everything freely on dresses or bags. The signature “analaura” is mandatory and visible.

✨ interactive features

• Upload / select up to 6 paintings (Analaura style: red, black, gold, triangles, circles).
• Zoom in/out on any painting → select exact fragment (drag rectangle).
• Drag & drop fragments onto garment canvas (click after selection → place).
• Lock fragments to fix position; add multiple fragments from different paintings.
• Mandatory signature – “analaura” must be placed somewhere visible.
• Colour palettes to change garment background (inspired by Analaura’s palette).
• Export final configuration (JSON) for POD production.

⚙️ how the prototype works

Below you see a working demo. Choose a painting (3 samples included), use the zoom slider, then click+drag to select a rectangle on the painting canvas → click “copy fragment” → then click anywhere on the garment canvas to place it. Use “lock” to freeze fragments. Add the signature (must be placed once). Experiment with palettes – every action is real‑time. This validates the full configurator logic.

💡 The tool exports coordinates, fragment IDs, zoom levels, signature position and palette – ready for print‑on‑demand integration.

analaura · configurador de fragmentos

visión — una herramienta de co‑creación donde los clientes usan las pinturas geométricas originales de Analaura para diseñar prendas únicas. Haz zoom en micro‑detalles, elige fragmentos diminutos, combina múltiples cuadros y colócalos libremente en vestidos o bolsos. La firma “analaura” es obligatoria y visible.

✨ características interactivas

• Sube / selecciona hasta 6 pinturas (estilo Analaura: rojo, negro, oro, triángulos, círculos).
• Zoom in/out en cualquier pintura → selecciona el fragmento exacto (arrastra rectángulo).
• Arrastra y suelta fragmentos sobre el lienzo de la prenda (clic después de seleccionar → colocar).
• Bloquea fragmentos para fijar posición; añade múltiples fragmentos de distintas pinturas.
• Firma obligatoria – “analaura” debe colocarse en algún lugar visible.
• Paletas de colores para cambiar el fondo de la prenda (inspiradas en la paleta de Analaura).
• Exporta la configuración final (JSON) para producción POD.

⚙️ cómo funciona el prototipo

Abajo verás un demo funcional. Elige una pintura (3 muestras incluidas), usa el control de zoom, luego haz clic+arrastra para seleccionar un rectángulo sobre la pintura → haz clic en “copiar fragmento” → luego haz clic en cualquier parte del lienzo de la prenda para colocarlo. Usa “bloquear” para fijar fragmentos. Añade la firma (debe colocarse una vez). Experimenta con las paletas – cada acción se actualiza en tiempo real. Esto valida la lógica completa del configurador.

💡 La herramienta exporta coordenadas, IDs de fragmento, niveles de zoom, posición de la firma y paleta – listo para integración con impresión bajo demanda.