Буквы становятся пространством

Имя → архитектура

Введите слово, настройте рёбра и посмотрите, как округлые петли превращаются в контуры букв. Это художественный эксперимент на Three.js.

Начните с готового образа

4 примера
Живой объёмМорфинг включён
Строим контуры и рёбра…
Округлые петлиКонтуры букв

Изменение фазы вручную приостанавливает анимацию.

Мышь: перетаскивание — вращение, колесо — масштаб. На телефоне вращение включается отдельной кнопкой.

— контуров— отверстий— сегментов

Модель: 120 точек на каждый контур. Отрисовка ограничена 5 000 сегментами.

Ваш образ

Настройте конструкцию

Вид структуры

Металл — объёмные рёбра со светом. Каркас включает диагонали, контуры показывают только сечения.

Как слово превращается в структуру
  1. Canvas рисует слово системным шрифтом. Алгоритм находит внешние контуры, отверстия и отдельные острова.
  2. После сглаживания на каждом замкнутом контуре распределяются 120 точек. Результат зависит от шрифта и растрового разрешения.
  3. Сечения соединяются продольными рёбрами и диагоналями. Поворот, глубина и сужение меняют форму.
  4. Морфинг смешивает округлые петли и исходные контуры. Это художественная конструкция: возможны пересечения, это не инженерный чертёж.

Текст не сохраняется и не отправляется на сервер. Библиотека, стили и алгоритм загружаются с этого сайта; внешних шрифтов и runtime CDN нет.

При системной настройке уменьшения движения анимация изначально выключена. Её можно включить самостоятельно.