В интернете оказался вирусным анимированный QR-код с танцующим Риком Эстли. Его динамичные движения хорошо знакомы каждому, кто хоть раз видел клип Never Gonna Give You Up. Ролик стал сетевым мемом, поэтому давно перешагнул отметку в миллиард просмотров на YouTube. Собственно, в QR-коде зашифрована именно ссылка на это видео. Всего за пять дней пост Зака Фридмана (Zack Freedman) с GIF-анимацией получил больше 2000 репостов и почти 6000 лайков. Немногие знают, что для корректного считывания статичными должны оставаться лишь некоторые части QR-кода. Поэтому автору GIF-анимации удалось достичь подобного вау-эффекта. Впрочем, это не единственный секрет инструмента для маскировки ссылок.
Как работают QR-коды — в том числе, анимированные
Попробовали отсканировать QR-код с танцами Рика Эстли через камеру своего смартфона? Получилось? В этом нет ничего удивительного. Инструменты для дешифровки таких изображений фиксируют только середину каждого квадрата 3×3 точки (9 пикселей в общей сложности), поэтому она должна оставаться статичной. Остальные детали могут находиться в движении или формировать изображение, чтобы создать стилистическое наполнение QR-кода. Это удобный маркетинговый инструмент для брендов, которые хотят привлечь внимание к себе в целом или зашифрованной в картинке ссылке в частности.
QR-коды стали логическим продолжением штрих-кодов, истоки которых достигают 50-х годов прошлого века. Спасибо паре аспирантов Дрексельского университета США, которые запатентовали систему простой каталогизации и поиска данных в электронном виде. Инструменты маскировки и шифрования информации не один год развивались, меняя размер и внешний вид, пока в 1994 году японская автомобильная компания Denso Wave не запатентовала QR-код и взяла его эволюцию под свой контроль. На момент написания материала последние нововведения в работе инструмента датированы сентябрём 2014-го.
QR-код, согласно классификации, представляет собой двумерный штрих-код. В отличие от одномерного с максимальным объёмом около 85 текстовых символов, такой может хранить больше данных разного формата. Плоскость QR-кода предназначена для размещения информации по всей матрице. При этом на нём находятся элементы для проверки и исправления содержимого, которые нужны для сканирования данных с повреждённых QR-кодов. Собственно, это даёт возможность получить ссылку или другую информацию даже с части картинки. Данный же факт позволяет разместить на QR-коде стилистическое изображение и даже превратить его в анимацию.
Как создать свой анимированный QR-код со ссылкой
Чтобы создать сложный анимированный QR-код, как вирусный по клипу Never Gonna Give You Up, нужно обращаться к специализирующимся на этом дизайн-студиям (западные берут 200–600 долларов). Простые онлайн-сервисы на момент написания данного материала с подобной задачей не справляются. Впрочем, дополнить статичный QR-код анимацией вполне получится. Для этого, как вариант, подойдёт сервис QR4. Он поможет добавить в центр картинки с зашифрованной ссылкой несложную GIF-анимацию. С его помощью получится изменить скорость анимации, её цвет и некоторые другие моменты.
Вот результат:
