PointerPointer — веб-проект с указателями¶

PointerPointer — веб-сайт (pointerpointer.com), представляющий собой интерактивную фотоколлекцию, в которой фотографии людей размещены таким образом, что курсор мыши (pointer, «указатель») всегда указывает на лицо изображённого человека. Проект стал известен как пример минималистичного веб-арта и вирусного контента, получившего широкое распространение в блогах и социальных сетях.

¶Идея и устройство

Суть проекта сводится к простой, но эффектной механике: при перемещении курсора по странице браузера сайт подбирает и отображает фотографию, на которой человек изображён в позе, соответствующей текущему положению курсора. Вне зависимости от того, в какой точке экрана находится указатель, пользователь видит снимок, на котором кто-то держит руку или смотрит именно в сторону курсора. Иллюзия создаётся за счёт того, что все фотографии предварительно размечены по координатам «указания» и хранятся в базе, связанной со скриптом, отслеживающим положение мыши.

Дизайн сайта предельно минималистичен: белый фон, отсутствие лишних элементов интерфейса, навигация сведена к минимуму. Вся концентрация внимания приходится на фотографию и её связь с курсором. Такой подход типичен для жанра «одна идея — один сайт» (one-idea website), где художественный эффект достигается за счёт единственного, но неожиданного взаимодействия.

¶История и авторство

Проект был создан американским дизайнером и фотографом Полом Руффом (Paul Roussloff), работающим под псевдонимом P. R. или Paul Roussloff, и запущен в начале 2010-х годов. Идея заключалась в том, чтобы собрать фотосессии, в которых модели позируют в соответствии с заранее заданной сеткой координат. Для каждой фотографии фиксировалось, в какую точку экрана указывает модель — сверху, снизу, слева, справа, по диагонали и так далее. Когда пользователь наводит курсор в определённую область страницы, скрипт выводит соответствующий снимок.

Съёмки выполнялись в студийных условиях: модели просили принять позу, имитирующую указание в заданном направлении. В результате коллекция насчитывает десятки фотографий, охватывающих практически всю площадь экрана.

¶Распространение и восприятие

Сайт получил широкую известность после публикаций в крупных тематических изданиях, освещающих дизайн, технологии и интернет-культуру — в частности, на ресурсах вроде BuzzFeed, Gizmodo, «Хабрахабр» и ряде других. Пользователи отмечали простоту и изобретательность идеи: вместо сложной графики или анимации автор использовал только перемещение курсора и подбор фотографии.

Проект стал примером того, как минималистичная интерактивная концепция может получить вирусную популярность без рекламного бюджета. Механика «курсор всегда указывает на человека» оказалась достаточно необычной, чтобы люди делились ссылкой друг с другом.

¶Контекст: жанр экспериментальных веб-сайтов

PointerPointer вписывается в традицию экспериментальных сайтов, где основу составляет одна интерактивная идея. К числу подобных проектов относятся, например:

• The Useless Web — агрегатор, случайным образом перенаправляющий пользователя на бессмысленные или абсурдные сайты;
• Hacker Typer — сайт, имитирующий набор кода на «хакерском» терминале при любом нажатии клавиши;
• PointerPointer — сайт, где курсор всегда указывает на человека на фотографии;
• Falling Sand — симулятор сыпучих частиц в браузере.

Все эти проекты объединяет отсутствие коммерческой цели, минимализм интерфейса и акцент на одном нестандартном взаимодействии.

¶Техническая реализация

Технически проект построен на стандартных веб-технологиях: JavaScript отслеживает координаты курсора (события mousemove), после чего скрипт определяет ближайшую фотографию по заранее заданной карте координат и отображает её. Фотографии хранятся в виде обычных растровых изображений. Для работы сайта не требуется установка плагинов или использование фреймворков — реализация максимально проста.

¶Значение

PointerPointer стал одним из узнаваемых примеров ранних 2010-х веб-арта, демонстрирующим, что интерактивность не требует сложных технологий. Проект многократно упоминался в подборках «самых необычных сайтов» и «сайтов, которые стоит увидеть», а его концепция — связь физического положения курсора с содержимым страницы — впоследствии использовалась в других экспериментальных проектах и рекламных кампаниях.

¶Источники

• Обзоры и публикации о проекте на тематических ресурсах, посвящённых дизайну и интернет-культуре
• Материалы блогов и новостных агрегаторов, освещавших запуск и распространение сайта