Stoffen Mockup

Een herhaling is maar een plaatje totdat hij op stof staat. Dit is de stof.

Sleep een naadloos herhaalbare afbeelding hierin — een tartan uit de tartan-tool komt aan met zijn eigen sett en fysieke grootte, een herhaling uit de patroongenerator of een halftoontegel komt aan als pixels — en hij wordt gerenderd als geweven stof op een van vier uitgeschreven scènes. De kledingstukken worden opgebouwd uit platte panelen in centimeters, zoals een echt kledingstuk gesneden wordt, zodat de herhaling die je invoert de herhaling op de stof is, de draadrichting een rotatie is van het paneel op het platte vlak, en het aansluiten van een naad neerkomt op het uitlijnen van twee panelen voordat ze aan elkaar worden gezet. De plaid over de stoel valt tot rust via een stofsolver onder zwaartekracht, met de vouwen, de zelfbotsing en de zoom die daar vanzelf uit volgen; de kilt en het overhemd worden opgebouwd volgens hun eigen constructie. Elke stof heeft een binding — standaard een 2/2-keper, de diagonaal waarmee tartan wordt gefotografeerd — afgeleid op draadschaal uit wat de herhaling en het gewicht impliceren, een glans waar wol die heeft in plaats van glimmend, en een zoom met echte dikte.

Twee lagen regelaars. De eerste bestaat uit zes dingen, en per scène één extra: herhalingsgrootte, draadrichting, stofgewicht, een benoemd licht, een achtergrond, en de plooimodus op de kilt of de naadaansluiting op het overhemd. Stofgewicht verplaatst val en weefdiepte samen, omdat ze één fysiek feit zijn. Alle regelaars openen de laag daaronder — bindingsstructuur, ketting- en inslagstijfheid, glans en ruwheid, het hoofdlicht en het invullicht, de lens — waar elke waarde is wat de eenvoudige schuif impliceert, vermenigvuldigd met je eigen aanpassing, zodat het verschuiven van de eenvoudige schuif nog steeds alles beweegt en niets wat je instelt ooit wordt overschreven. Exports komen uit dezelfde render: een PNG tot vier keer de grootte van het podium, een GIF-draaitafel die exact sluit met één palet over de hele lus, een MP4 of WebM, en een interactief HTML-bestand dat draait als je sleept, opent vanuit een map en niets van het netwerk nodig heeft.

Vier scènes, zelf geschreven, niet ingekocht

Een plaid over een fauteuil die tot rust komt via een deterministische stofsolver, een kilt op een paspop, een overhemd, een plat staal — elk opgebouwd uit panelen in centimeters, zodat de grootte van het patroon klopt.

Geplooid volgens de sett, of volgens de streep

De rug van de kilt kan de hele sett over de plooien tonen, of één gekozen streep centreren op elke plooi, zodat de rug er anders uitziet dan de voorkant — het detail waar een Schots oog het eerst naar kijkt.

Stof die oogt als stof

Een weefnormaal en draadschaduw afgeleid van de binding die je kiest, vezelruis, een wollen glans in plaats van een plastic hooglicht, en een zoom met dikte — de details die de meeste mockups missen.

Een lus die echt sluit, een bestand dat op zichzelf staat

GIF- en video-draaitafels sluiten op het frame vóór de start, één keer gekwantiseerd over de hele omwenteling; de interactieve HTML-export draagt alles wat hij nodig heeft en belt nooit naar huis.

Zo werkt het

  1. Breng een patroon aan Sleep een naadloos herhaalbare PNG, JPEG of SVG op het podium, plak er een, of stuur een tartan hierheen vanuit de tartan-tool. Terwijl je kiest, staat er een voorbeeldtartan op de stoel.
  2. Kies een scène en een stof Stoel, kilt, overhemd of staal op de bovenbalk. Stel de herhaling in centimeters in en het stofgewicht; kies bij de kilt de plooimodus, bij het overhemd of de naden aansluiten.
  3. Verlicht en draai het Vier benoemde lichten en vier achtergronden. Sleep om te draaien, scroll om in te zoomen, dubbelklik om te passen; Alle regelaars openen de lens, het hoofdlicht en het materiaal wanneer je ze nodig hebt.
  4. Exporteren Een PNG op 1×, 2× of 4×; een GIF-lus; een MP4- of WebM-draaitafel, of een bries op de stoel; een interactief HTML-bestand met zijn iframe-snippet. Sla het project op in je account om de val exact te bewaren.

FAQ

Welke afbeelding kan ik gebruiken?

Een PNG-, JPEG- of SVG-tegel. Een bestand dat zijn fysieke grootte kent — een PNG met een density-chunk, een SVG met een breedte in inches of centimeters — vult de herhaling automatisch voor je in; alles anders opent op de herhaling die jij instelt. Een bestand waarvan de randen niet op elkaar aansluiten wordt toch gerenderd, en de statusbalk meldt dat.

Is de val elke keer dezelfde als ik een project open?

Ja. De solver is deterministisch op basis van een seed die het project opslaat, en zijn rekenwerk vermijdt alles waarvan het laatste cijfer tussen browsers verschilt, zodat een opgeslagen plaid weer opent als dezelfde plaid. Opnieuw laten vallen kiest een nieuwe seed als je een andere val wilt.

Waarom zijn er twee lagen regelaars?

De meeste mensen willen in twee klikken een goede render; sommigen willen aan elke knop kunnen draaien. De eenvoudige laag is genoeg voor de eerste groep, en Alle regelaars opent de tweede zonder dat ze elkaar tegenwerken: elke onderliggende waarde is de implicatie van de eenvoudige schuif vermenigvuldigd met jouw aanpassing, zodat de eenvoudige schuif blijft werken en jouw aanpassing blijft staan.

Hoe groot is het interactieve HTML-bestand?

Ongeveer een megabyte: de 3D-runtime is het grootste deel, het kledingstuk en een verkleinde kopie van je tegel vormen de rest. De tool toont de grootte voordat je opslaat. Het opent vanaf een bestand op schijf, werkt offline, en respecteert een verzoek van de bezoeker om beweging te beperken.