Генерация 3D QR-кода online

Текст для 3D QR-кода
Выбор цвета торцевой стороны QR-кода
Выбор цвета боковой стороны QR-кода

Make Image for 3D qrcode

Если Вы не видите трехмерного изображения слева, то это, скорее всего означает, что Ваш браузер не поддерживает технологию WebGL.

Браузеры Chrome и Firefox поддерживают технологию WebGL, если Вы еще не установили один из этих замечательных браузеров, то самое время восполнить этот пробел и насладиться возможностями HTML5 - WebGL.


Введите в поле текста Ваше сообщение и нажмите кнопку "Генерировать 3D QR-код". На левом изображении появиться трехмерное изображение Вашего QR-кода. Это интерактивная WebGL 3D модель.

При помощи мыши выберите необходимый Вам ракурс и нажмите кнопку "Создать изображение". Колесико мыши поможет Вам подобрать нужный масштаб. 3D QR-код должен полностью помещаться на картинке! Справа появится снимок 3D QR-кода, который можно сохранить в виде изображения (Клик правой кнопкой по картинке, далее Сохранить как).

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

Tessera3D - лучший 3D-аналог тетриса в мире!

С лету читается QuickMark, a "Сканер штрих кода" артачится, и читает это изображение только если вращать смартфон

Идея создания трехмерного qrcode появилась при подготовке статьи об игре Tessera3D для android. Генерировал QR-код, и квадратики QR-кода вызвали ассоциацию с кубиками Tessera3D (практически в игре используется набор кубиков Сома). Почему бы не попробовать, решил я. Тем более, что практически все компоненты для реализации у меня уже были.

В планах выбор цвета боковой поверхности и идеи использовать для 3D-кода более сложные кирпичики.

При реализации этого проекта были использованы билиотеки:

threejs - для построения и визуализации 3D сцены с QRcode в технологии WebGL
libqrencode - для генерации QRcode

Особая благодарность Лымарь Сергею за любезно предоставленную библиотеку генерации QR-кодов для JavaScript. Это сильно сократило время разработки