Материалы

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

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

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

1232121231.svg
23312231321.svg
23121321321.svg
12332132121.svg
3232123123.svg
123223121213.svg

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

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

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

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

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

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

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

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

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

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

Анимация

Событие
▼
Вариант
▼
Длительность
сек
Распад
%
0 px
600 px
Непрозрачность
%
0 px
600 px
Угол поворота
0 px
600 px
Парение

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

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

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

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