Простой

4 мин

4.1K

Что, если бы сканируемый код не был обязан выглядеть как набор квадратов и полосок? Что, если он выглядел бы как залитый дождём ночной город — и при этом всё равно безошибочно считывался?

Это NoiR Code. Он кодирует текст в изображение, которое читается как чёрно-белый нуар-кадр: полутоновый силуэт города, луна, штрихованные тени. Наводишь камеру в специальном приложении или веб-сервисе, созданном для поддержки этого формата, и получаешь своё сообщение обратно. Попробовать можно здесь: noir-code.suncake.xyz

Картинка выше — это не изображение, в котором спрятан код. Картинка и есть код. Точнее, данные несут центры ячеек сетки; город, луна и тени полезной нагрузки не содержат — это искусство, выросшее поверх той же сетки.

Почему

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

Зачем

Мне было интересно. Часто бывает, что я чрезмерно увлекаюсь какими-то занятиями и идеями. Это происходит внезапно, и так же внезапно я теряю интерес к этим вещам. Видеоигры, книги, разработка, мысли. Сейчас благодаря нейросетям я могу реализовать эти проекты раньше, чем потеряю к ним интерес.

Как он остаётся и искусством, и сканируемым

QR‑код тратит всю свою площадь на машиночитаемые квадраты. NoiR Code делит каждую ячейку на две части:

• Центр каждой ячейки несёт одно тоновое значение — чёрный, тёмно‑серый, светло‑серый или белый. Только это и считывает декодер. Маленький, чёткий, устойчивый.

• Кольцо вокруг центра — пространство для творчества. Штриховка, перекрёстная штриховка, кромки зданий, градиент неба — ничто из этого не несёт данных.

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

Стиль можно усилить, включив штриховку данных. Так даже центры ячеек рисуются штрихами и вся панель читается как ксилография и она всё равно декодируется, потому что средний тон каждого участка точно попадает в нужное значение. Тем не менее, стоит отметить, что такое оформление усложняет декодирование в реальных условиях.

Выживание в реальном мире

Код полезен, только если его легко отсканировать с телефона. NoiR Code для стабильности сканирования использует три вещи:

• Чёрная рамка по периметру — единственный опорный элемент. Декодер находит это кольцо, считает гомографию и распрямляет панель обратно в квадратную сетку так, что наклонный снимок под углом всё равно выправляется.

• Коды Рида‑Соломона означают, что часть панели может быть смазана, засвечена бликом или порвана, а сообщение всё равно восстановится. Дополнительная тоновая полоса снизу дублирует байты заголовка, поэтому восстанавливается даже стёртый верхний край.

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

В итоге считываются и чистые рендеры, и скриншоты с оконными рамками вокруг, и фото с монитора, и снимки с рук при неровном свете.

Сетка растёт вместе с сообщением

Короткому тексту не нужен билборд. NoiR Code выбирает наименьшую подходящую сетку — от 16×16 до 40×40 — так что короткий URL умещается в компактную панель 578px, а абзац разрастается на больший холст. Какой размер перед ним, декодер выясняет перебором кандидатов, а контрольная сумма подтверждает победителя. Никаких маркеров версии, никакого лишнего обвеса.

Работает в браузере

Веб‑приложение целиком делает кодирование и декодирование через небольшой публичный API. Вводишь сообщение — получаешь панель. Или переключаешься в декодер: загружаешь изображение либо жмёшь Сканировать и используешь камеру — она снимает кадры несколько раз в секунду и останавливается в тот миг, когда получает чистое считывание.

Аккуратный небольшой стек завёрнут в докер, как горькая сигарета:

• Ядро на Python делает всю настоящую работу — конвейер кодирования/декодирования, Рида-Соломона, машинное зрение на OpenCV — и выставлено как внутренний сервис на FastAPI.

• Шлюз на Go стоит впереди как публичный API без состояния и проксирует запросы к Python-сайдкару.

• SPA на React — это интерфейс, с переключателем EN/RU и нуар-темой: очень тёмной, с острыми углами и красными акцентами.

Всё развёрнуто на небольшом кластере k3s за Traefik с автоматическим TLS, собирается и публикуется по CI на каждый мёрдж.

Исходный код можно посмотреть в репозитории на Гитхабе.

Сравнение с QR

И давайте честно: для любой практической задачи QR лучше:

• Ёмкость. NoiR Code вмещает максимум ~173 байта. QR — до нескольких килобайт. Короткая ссылка влезет, абзац текста — уже нет.

• Размер. Ради этих 173 байт панель раздувается до 1154px. QR той же ёмкости заметно компактнее и плотнее.

• Совместимость. Ни одна камера и ни один телефон не прочитают NoiR Code из коробки — нужен специально созданный веб-сервис или отдельное приложение. QR читает буквально всё. Это перечёркивает большую часть практического смысла.

• Устойчивость. QR бинарный — чёрное или белое, его трудно сломать. NoiR использует чёрный, белый и две градации серого, поэтому он чувствительнее к освещению, JPEG-сжатию и дешёвой чёрно-белой печати или копиру.

• Цена декодирования. Чтобы прочитать панель, нужны OpenCV, гомография, перебор версий, поворотов и рамок плюс коррекция Рида-Соломона. QR декодируется мгновенно и где угодно.

• Стандарт. QR — это ISO и огромная экосистема. NoiR Code — самоделка без всякой совместимости. И стиль ровно один — нуар, на любителя.

Так что нет, это не замена QR и не пытается ею быть. QR-коды победили тем, что они чисто функциональны, — и выглядят соответственно. NoiR Code — это ставка на ту единственную ось, где QR проигрывает: на то, что машиночитаемый код может быть ещё и тем, на что хочется смотреть. Что ограничения помехоустойчивого кодирования и ограничения нуар-эстетики можно заставить делить одни и те же пиксели, а не воевать за них.

Закодировать текст и посмотреть, как он растворяется в тенях дождливого ночного города. Исходный код в репозитории.