Mockup de Tecido
Uma repetição é só uma imagem até estar no tecido. Isto é o tecido.
Largue uma imagem sem costura — um tartan da ferramenta de tartan chega com o seu próprio sett e tamanho físico, uma repetição do gerador de padrões ou um ladrilho de meio-tom chega como píxeis — e é renderizada como pano tecido num de quatro cenas escritas. As peças são geradas a partir de painéis planos em centímetros, tal como se corta uma peça real, por isso a repetição que introduz é a repetição no tecido, o sentido do fio é uma rotação do painel no plano, e alinhar uma costura é alinhar dois painéis antes de serem unidos. A manta sobre a cadeira é assentada por um simulador de tecido sob gravidade, com as pregas, a autocolisão e a bainha que daí resultam; o kilt e a camisa são construídos pela sua própria construção. Cada tecido tem uma tecelagem — uma sarja 2/2 por defeito, a diagonal com que o tartan é fotografado — derivada à escala do fio que a repetição e o peso implicam, um lustro onde a lã o tem em vez de brilho, e uma bainha com espessura real.
Duas camadas de controlos. A primeira tem seis elementos, mais um por cena: tamanho da repetição, sentido do fio, peso do tecido, uma luz com nome, um fundo, e o modo de pregas no kilt ou o alinhamento de costuras na camisa. O Peso do tecido move a queda e a profundidade da tecelagem em conjunto, porque são um único facto físico. Controlos completos abre a profundidade por baixo — estrutura da tecelagem, rigidez da urdidura e da trama, lustro e rugosidade, a luz principal e o preenchimento, a lente — onde cada valor é o que o controlo simples implica multiplicado pelo seu próprio ajuste, por isso mover o controlo simples continua a mover tudo e nada do que definir é alguma vez substituído. As exportações saem do mesmo render: um PNG até quatro vezes o tamanho do palco, uma rotação 360° em GIF que fecha exatamente com uma única paleta em todo o ciclo, um MP4 ou WebM, e um ficheiro HTML interativo que orbita ao arrastar, abre a partir de uma pasta e nada pede à rede.
Quatro cenas, escritas e não importadas
Uma manta de poltrona assentada por um simulador de tecido determinístico, um kilt num manequim de alfaiate, uma camisa com botões, uma amostra plana — cada uma gerada a partir de painéis em centímetros, para que o tamanho do padrão seja honesto.
Pregueado ao sett, ou à risca
As costas do kilt podem mostrar o sett completo ao longo das pregas, ou centrar uma risca escolhida em cada prega, para que as costas se leiam de forma diferente da frente — o detalhe que um olhar escocês procura primeiro.
Tecido que se lê como tecido
Um normal de tecelagem e uma sombra de fio derivados da estrutura escolhida, ruído de fibra, um lustro de lã em vez de um brilho plástico, e uma bainha com espessura — os detalhes que a maioria dos mockups não capta.
Um loop que fecha, um ficheiro que se basta a si próprio
As rotações 360° em GIF e vídeo fecham no fotograma anterior ao início, quantizadas uma só vez para toda a volta; a exportação em HTML interativo leva tudo o que precisa e nunca contacta a rede.
Como usar
- Traga um padrão Largue um PNG, JPEG ou SVG sem costura no palco, cole um, ou envie um tartan para aqui a partir da ferramenta de tartan. Um tartan de exemplo fica na cadeira enquanto escolhe.
- Escolha uma cena e um tecido Cadeira, kilt, camisa ou amostra na barra superior. Defina a repetição em centímetros e o peso do tecido; no kilt escolha o modo de pregas, na camisa se as costuras alinham.
- Ilumine e gire Quatro luzes com nome e quatro fundos. Arraste para orbitar, use a roda para aproximar, faça duplo clique para ajustar; Controlos completos abre a lente, a luz principal e o material quando precisar deles.
- Exporte Um PNG a 1×, 2× ou 4×; um loop GIF; uma rotação 360° em MP4 ou WebM, ou uma brisa na cadeira; um ficheiro HTML interativo com o seu trecho de iframe. Guarde o projeto na sua conta para manter a queda exatamente igual.
FAQ
Que imagem posso trazer?
Um ladrilho em PNG, JPEG ou SVG. Um ficheiro que conheça o seu tamanho físico — um PNG com um bloco de densidade, um SVG com uma largura em polegadas ou centímetros — preenche a repetição por si; qualquer outro abre com a repetição que definir. Um ficheiro cujas bordas não coincidem é renderizado de qualquer forma, e a barra de estado avisa disso.
A queda é sempre igual, sempre que abro um projeto?
Sim. O simulador é determinístico numa seed que o projeto guarda, e a sua aritmética evita qualquer cálculo cujo último dígito varie entre browsers, por isso uma manta guardada reabre exatamente com a mesma queda. Redrapear gera uma nova seed quando quiser uma queda diferente.
Porque há duas camadas de controlos?
A maioria das pessoas quer um bom render em dois cliques; algumas querem todos os botões. A camada simples basta para a primeira, e Controlos completos abre a segunda sem que as duas se atropelem: cada valor profundo é a implicação do controlo simples multiplicada pelo seu ajuste, por isso o controlo simples continua a funcionar e o seu ajuste continua válido.
Que tamanho tem o ficheiro HTML interativo?
Cerca de um megabyte: o motor 3D é a maior parte, a peça e uma cópia reduzida do seu ladrilho são o resto. A ferramenta mostra o tamanho antes de o guardar. Abre a partir de um ficheiro em disco, funciona offline, e respeita o pedido de movimento reduzido de um visitante.