Текучий текст

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

Loading preview...
Начать с этого запроса

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

Попробовать Websites Agent
Создай экспериментальную страницу о динамическом обтекании текста. Заполни экран коротким эссе о вёрстке, набранным шрифтом с засечками и с достаточным количеством свободного пространства, чтобы текст было приятно читать. Размести по странице несколько небольших объектов и позволь им самостоятельно двигаться и сталкиваться; текст должен в реальном времени обтекать каждый объект, с посимвольным расчётом, чтобы строки эссе плавно перестраивались по мере перемещения препятствий по макету. Объекты — не просто декор: посетитель может схватить любой из них мышью, перетащить по странице и бросить, наблюдая, как текст расступается и смыкается за ним. Добавь элементы управления для переключения композиции между двумя и тремя колонками, приостановки и возобновления движения, сброса сцены и масштабирования всей страницы колёсиком мыши. Каждый элемент управления должен ощущаться частью эссе, а не отдельной панелью, и чтение должно оставаться плавным, каким бы хаотичным ни стало движение объектов. Однофайловая статическая страница.
Добавить редактирование объектов

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

Попробовать Websites Agent
Создай экспериментальную страницу о динамическом обтекании текста. Заполни экран коротким эссе о вёрстке, набранным шрифтом с засечками и с достаточным количеством свободного пространства, чтобы текст было приятно читать. Размести по странице несколько небольших объектов и позволь им самостоятельно двигаться и сталкиваться; текст должен в реальном времени обтекать каждый объект, с посимвольным расчётом, чтобы строки эссе плавно перестраивались по мере перемещения препятствий по макету. Объекты — не просто декор: посетитель может схватить любой из них мышью, перетащить по странице и бросить, наблюдая, как текст расступается и смыкается за ним. Добавь элементы управления для переключения композиции между двумя и тремя колонками, приостановки и возобновления движения, сброса сцены и масштабирования всей страницы колёсиком мыши. Каждый элемент управления должен ощущаться частью эссе, а не отдельной панелью, и чтение должно оставаться плавным, каким бы хаотичным ни стало движение объектов. Однофайловая статическая страница.
Переключиться на тёмный фон

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

Попробовать Websites Agent
Создай экспериментальную страницу о динамическом обтекании текста. Заполни экран коротким эссе о вёрстке, набранным шрифтом с засечками и с достаточным количеством свободного пространства чтобы текст было приятно читать. Размести по странице несколько небольших объектов и позволь им самостоятельно двигаться и сталкиваться; текст должен в реальном времени обтекать каждый объект, с посимвольным расчётом, чтобы строки эссе плавно перестраивались по мере перемещения препятствий по макету. Объекты — не просто декор: посетитель может схватить любой из них мышью, перетащить по странице и бросить, наблюдая, как текст расступается и смыкается за ним. Добавь элементы управления для переключения композиции между двумя и тремя колонками, приостановки и возобновления движения, сброса сцены и масштабирования всей страницы колёсиком мыши. Каждый элемент управления должен ощущаться частью эссе, а не отдельной панелью, и чтение должно оставаться плавным, каким бы хаотичным ни стало движение объектов. Однофайловая статическая страница.
Попробовать вариант без засечек

Меняет шрифт эссе с засечками на контрастный шрифт без засечек, показывая, как то же динамическое обтекание и перестройка строк ощущаются с иным типографическим характером.

Попробовать Websites Agent
Создай экспериментальную страницу о динамическом обтекании текста. Заполни экран коротким эссе о вёрстке, набранным шрифтом с засечками и с достаточным количеством свободного пространства, чтобы текст было приятно читать. Размести по странице несколько небольших объектов и позволь им самостоятельно двигаться и сталкиваться; текст должен в реальном времени обтекать каждый объект, с посимвольным расчётом, чтобы строки эссе плавно перестраивались по мере перемещения препятствий по макету. Объекты — не просто декор: посетитель может схватить любой из них мышью, перетащить по странице и бросить, наблюдая, как текст расступается и смыкается за ним. Добавь элементы управления для переключения композиции между двумя и тремя колонками, приостановки и возобновления движения, сброса сцены и масштабирования всей страницы колёсиком мыши. Каждый элемент управления должен ощущаться частью эссе, а не отдельной панелью, и чтение должно оставаться плавным, каким бы хаотичным ни стало движение объектов. Однофайловая статическая страница.