Материалы

Визуальные настройки

Формат
▼
Состояние
▼

От состояния зависят материалы на выбор: у твёрдого — металл, перламутр, стекло; у мягкого — ткань, мех, мармелад, трикотаж, поролон и другие.

13231213.svg

Каждый файл — своя модель, они встают в ряд; новый файл добавляется к уже загруженным. Каждая отдельная фигура файла станет своим кусочком — их можно двигать, анимировать и удалять. Обводки без заливки не выдавливаются.

Хаотичное расположение букв
Размер
Размер области
% от экрана

Ширина, в которую укладывается текст. Не влезает — буквы переносятся на следующую строку.

Сглаживание углов
%
Глубина
% от высоты
Угол поворота
Цвет материала
Градиент

Цвет материала плавно переходит во второй цвет по всему тексту.

Высота блока
px

В коде вставки блок занимает всю высоту контейнера (100 %) — например, элемента в Zero Block. Это число — запасная высота: она сработает, если у контейнера своей высоты нет (обычный блок T123).

Окружающая среда

Свет
Насыщенность
%
Угол света
Прозрачный фон
Фон

Картинка шара с нужным материалом (matcap): буквы окрасятся так же. Свет и окружение на неё не влияют.

Анимация

Событие
▼
Вариант
▼
Расстояние
px
Сила
%
Ось вращения
▼
Задержка между буквами
%

0 — все буквы разом, 100 — строго одна за другой.

Последовательность
▼

В каком порядке буквы вступают в анимацию. Заметно, когда задержка между буквами больше нуля.

Обратное действие

Включено — прокрутили назад, анимация идёт назад («Постоянно» — туда-обратно). Выключено — проигрывается один раз и остаётся в конце («Постоянно» — по кругу с начала).

Зациклить

Анимация повторяется по всей длине страницы.

Парение

Буквы плавно парят, каждая по своей петле, — постоянно, отдельно от анимации выше и вместе с ней. Касаясь, буквы отталкиваются.

Амплитуда
% от высоты
Скорость
%
Симуляция физики

На сайте буквы можно хватать мышью или пальцем и перетаскивать, как в редакторе: соседние расталкиваются и отскакивают. Буква остаётся там, куда её положили, до перезагрузки страницы.

Открыть код по подписке