Sistema Gestione Texture Tessuti - Configuratore Camicie

📸 Requisiti Immagine

Formato: PNG o JPG
Dimensione ideale: 500x500px
Risoluzione: 72-150 DPI
Illuminazione uniforme
Pattern ripetibile

1. Carica Texture

Clicca o trascina qui l'immagine del tessuto

PNG, JPG (max 5MB)

2. Regolazioni Pattern

Scala Pattern {{ patternScale }}%

Rotazione {{ patternRotation }}°

Offset X {{ patternOffsetX }}%

Offset Y {{ patternOffsetY }}%

Tipo di Ripetizione

📚 Come Preparare le Texture dei Tessuti

Metodo 1: Fotografia Diretta (Consigliato)

Illuminazione: Usa luce naturale diffusa o softbox. Evita ombre dure e riflessi.
Posizione: Fotocamera parallela al tessuto, distanza 30-50cm per catturare la trama.
Area: Fotografa un'area di almeno 10x10cm per avere abbastanza pattern da ripetere.
Post-produzione: Ritaglia un quadrato perfetto, aggiusta luminosità/contrasto uniformemente.

Metodo 2: Scanner (Per tessuti sottili)

Scansiona a 150-300 DPI
Usa sfondo nero per evitare trasparenze
Mantieni il tessuto ben teso e piatto

Preparazione Pattern Seamless

// Esempio integrazione nel tuo configuratore

const textures = {
    'cotton-white': {
        name: 'Cotone Bianco',
        image: 'textures/cotton-white.jpg',
        scale: 100,        // Scala default
        rotation: 0,       // Rotazione default
        offsetX: 0,        // Offset X default
        offsetY: 0         // Offset Y default
    },
    'oxford-blue': {
        name: 'Oxford Blu',
        image: 'textures/oxford-blue.jpg',
        scale: 120,
        rotation: 0,
        offsetX: 0,
        offsetY: 0
    },
    // ... altre texture
};

// Applicazione dinamica su SVG
function applyTexture(textureKey) {
    const texture = textures[textureKey];
    const pattern = document.getElementById('fabric-pattern');
    const image = pattern.querySelector('image');
    
    image.href = texture.image;
    pattern.setAttribute('width', texture.scale);
    pattern.setAttribute('height', texture.scale);
    pattern.setAttribute('patternTransform', 
        `rotate(${texture.rotation}) translate(${texture.offsetX}, ${texture.offsetY})`
    );
}
                

Tips Pro 💡

Batch Processing: Prepara tutte le texture con le stesse dimensioni (es. 500x500px) per consistenza.
Naming Convention: Usa nomi descrittivi come "cotton-white-oxford-500px.jpg"
Compressione: Usa JPG con qualità 80-85% per bilanciare qualità e peso file.
Pattern Matching: Per pattern geometrici (righe, quadri), assicurati che i bordi combacino perfettamente.
Test Scale: Testa diverse scale sul configuratore - alcuni tessuti richiedono zoom maggiore per vedere la trama.

🎨 Sistema Gestione Texture Tessuti