QR City
Una ciudad en 3D isométrico cuyos tejados forman un código QR que se puede escanear desde arriba: cada módulo oscuro es un edificio y los claros son calles. Es una demo y, además, una librería con paquetes npm para integrarla en Angular, React y Vue.
Capturas
Qué hace
Un QR que se lee
Los tejados son planos y oscuros sobre suelo claro, con zona de silencio alrededor, para que cualquier lector lo escanee desde arriba. Tests automáticos lo decodifican con jsQR en cada estilo.
Cinco estilos
Papel, moderna, costera, nevada y cyberpunk, con ajuste del momento del día.
Todo configurable
Un laboratorio con todos los ajustes en vivo y, al lado, el código que reproduce lo que ves. El enlace guarda tu configuración.
Exportable
Comprueba que el QR se lee, lo revela, y descarga la ciudad en PNG o el QR para imprimir en SVG y PNG.
Para cualquier framework
Un núcleo sin framework, un Web Component y componentes para React, Vue y Angular. Seguro con SSR y con el tamaño de cada paquete vigilado en la integración continua.
Cuidada
En español e inglés, con tema claro, oscuro o automático. El lienzo se maneja con teclado y la animación respeta «reducir movimiento».
Empezar
npm i @qr-city/element three
import '@qr-city/element/define';
<qr-city data="https://tu-web.dev" style="width: 480px; height: 480px"></qr-city>