Вращение - движение мыши при удерживании левой кнопки
Масштабирование - движение мыши при нажатй средней кнопке
Текст для 3D QR-кода
Выбор цвета торцевой стороны QR-кода
Выбор цвета боковой стороны QR-кода
Если Вы не видите трехмерного изображения слева, то это, скорее всего означает, что Ваш браузер не поддерживает технологию WebGL.
Браузеры Chrome и Firefox поддерживают технологию WebGL, если Вы еще не установили один из этих замечательных браузеров, то самое время восполнить этот пробел и насладиться возможностями HTML5 - WebGL.
Введите в поле текста Ваше сообщение и нажмите кнопку "Генерировать 3D QR-код". На левом изображении появиться трехмерное изображение Вашего QR-кода. Это интерактивная WebGL 3D модель.
При помощи мыши выберите необходимый Вам ракурс и нажмите кнопку "Создать изображение". Колесико мыши поможет Вам подобрать нужный масштаб. 3D QR-код должен полностью помещаться на картинке! Справа появится снимок 3D QR-кода, который можно сохранить в виде изображения (Клик правой кнопкой по картинке, далее Сохранить как).
Не перестарайтесь с углами обзора полученного QR-кода. "Распознавалки" QR-кодов могут не понять Вашего усердия. Прежде чем использовать полученное изображение попробуйте сначала отсканировать его какими-нибудь программами. Мои эксперименты с QuickMark и "Сканер штрих кодов" показали обнадеживающие результаты. Например, изображение
С лету читается QuickMark, a "Сканер штрих кода" артачится, и читает это изображение только если вращать смартфон
Идея создания трехмерного qrcode появилась при подготовке статьи об игре Tessera3D для android. Генерировал QR-код, и квадратики QR-кода вызвали ассоциацию с кубиками Tessera3D (практически в игре используется набор кубиков Сома). Почему бы не попробовать, решил я. Тем более, что практически все компоненты для реализации у меня уже были.
В планах выбор цвета боковой поверхности и идеи использовать для 3D-кода более сложные кирпичики.
При реализации этого проекта были использованы билиотеки:
threejs - для построения и визуализации 3D сцены с QRcode в технологии WebGL libqrencode - для генерации QRcode
Особая благодарность Лымарь Сергею за любезно предоставленную библиотеку генерации QR-кодов для JavaScript. Это сильно сократило время разработки