Макет ткани

Раппорт — это просто картинка, пока он не на ткани. Вот эта ткань.

Перетащите бесшовное изображение — тартан из инструмента тартана приходит со своим сеттом и физическим размером, раппорт из генератора узоров или растровая плитка приходят как пиксели — и оно отрисовывается как тканая ткань на одной из четырёх написанных сцен. Изделия строятся из плоских панелей в сантиметрах, так же, как кроится настоящая одежда, поэтому раппорт, который вы вводите, — это раппорт на ткани, долевая — это поворот панели на плоскости, а совмещение шва — это выравнивание двух панелей перед соединением. Плед на кресле расстилается решателем ткани под действием гравитации, со складками, самопересечением и подгибом, которые из этого следуют; килт и рубашка строятся по своей конструкции. У каждой ткани есть переплетение — по умолчанию саржа 2/2, та самая диагональ, по которой фотографируют тартан — выведенное на масштабе нити из раппорта и плотности, блеск там, где у шерсти он есть, вместо глянца, и подгиб настоящей толщины.

Два слоя настроек. Первый — это шесть вещей и одна на сцену: размер раппорта, долевая, плотность ткани, именованный свет, фон и режим складок на килте или совмещение швов на рубашке. Плотность ткани двигает драпировку и глубину переплетения вместе, потому что это один физический факт. «Полные настройки» открывают глубину под этим — структуру переплетения, жёсткость основы и утка, блеск и шероховатость, ключевой и заполняющий свет, объектив — где каждое значение — это то, что подразумевает простой ползунок, умноженное на вашу собственную поправку, поэтому движение простого ползунка всё равно двигает всё, и ничего из того, что вы задали, никогда не перезаписывается. Экспорт выходит из того же рендера: PNG до четырёхкратного размера сцены, GIF-оборот, точно замыкающийся в цикл с одной палитрой на весь цикл, MP4 или WebM, и интерактивный HTML-файл, который вращается при перетаскивании, открывается из папки и не обращается к сети.

Четыре сцены, написанные, а не взятые готовыми

Плед на кресле, расстеленный детерминированным решателем ткани, килт на манекене, рубашка, плоский образец — каждый построен из панелей в сантиметрах, поэтому размер узора честен.

Складки по сетту или по полосе

Спинка килта может показывать весь сетт по складкам целиком или центрировать одну выбранную полосу на каждой складке, поэтому спинка читается иначе, чем перед, — деталь, которую шотландский глаз ищет первой.

Ткань, которая читается как ткань

Нормаль переплетения и тень нити, выведенные из выбранной структуры, шум волокна, блеск шерсти вместо пластикового хайлайта и подгиб с толщиной — детали, которые упускает большинство макетов.

Цикл, который замыкается, файл, который живёт сам

Обороты GIF и видео замыкаются на кадре перед началом, квантованные один раз на весь оборот; экспорт в интерактивный HTML несёт всё необходимое и никогда не обращается к серверу.

Как это работает

  1. Загрузите узор Перетащите бесшовный PNG, JPEG или SVG на сцену, вставьте его или отправьте тартан сюда из инструмента тартана. Пока вы выбираете, на кресле — образец тартана.
  2. Выберите сцену и ткань Кресло, килт, рубашка или образец — на верхней панели. Задайте раппорт в сантиметрах и плотность ткани; на килте выберите режим складок, на рубашке — совпадают ли швы.
  3. Осветите и поверните Четыре именованных света и четыре фона. Перетаскивание вращает камеру, колесо приближает, двойной клик вписывает объект; «Полные настройки» откроют объектив, ключевой свет и материал, когда они понадобятся.
  4. Экспортируйте PNG в 1×, 2× или 4×; цикл GIF; оборот MP4 или WebM, либо бриз на кресле; интерактивный HTML-файл со своим кодом iframe для встраивания. Сохраните проект в аккаунт, чтобы точно сохранить драпировку.

FAQ

Какое изображение можно загрузить?

Плитка PNG, JPEG или SVG. Файл, который знает свой физический размер — PNG с чанком плотности, SVG с шириной в дюймах или сантиметрах — сам заполняет раппорт; всё остальное открывается с раппортом, который вы задали. Файл, чьи края не совпадают, всё равно отрисовывается, а строка состояния об этом сообщает.

Драпировка одинакова каждый раз, когда я открываю проект?

Да. Решатель детерминирован относительно сида, который хранит проект, а его арифметика избегает всего, чей последний разряд отличается между браузерами, поэтому сохранённый плед открывается тем же самым пледом. «Заново расстелить» бросает новый сид, когда нужно другое падение.

Почему настроек два слоя?

Большинству нужен хороший рендер за два клика; некоторым — каждая ручка. Простого слоя достаточно для первых, а «Полные настройки» открывают второй слой так, что они не конфликтуют: каждое глубокое значение — это то, что подразумевает простой ползунок, умноженное на вашу поправку, поэтому простой ползунок продолжает работать, а ваша поправка продолжает действовать.

Насколько большой файл интерактивного HTML?

Около мегабайта: большая часть — это 3D-движок, остальное — изделие и уменьшенная копия вашей плитки. Инструмент показывает размер перед сохранением. Он открывается прямо из файла на диске, работает офлайн и учитывает запрос посетителя на уменьшенное движение.