QR City
Una ciutat en 3D isomètric els terrats de la qual formen un codi QR que es pot escanejar des de dalt: cada mòdul fosc és un edifici i els clars són carrers. És una demo i, a més, una llibreria amb paquets npm per integrar-la a Angular, React i Vue.
Captures
Què fa
Un QR que es llegeix
Els terrats són plans i foscos sobre un terra clar, amb zona de silenci al voltant, perquè qualsevol lector l’escanegi des de dalt. Proves automàtiques el descodifiquen amb jsQR en cada estil.
Cinc estils
Paper, moderna, costanera, nevada i cyberpunk, amb ajust del moment del dia.
Tot configurable
Un laboratori amb tots els ajustos en viu i, al costat, el codi que reprodueix el que veus. L’enllaç desa la teva configuració.
Exportable
Comprova que el QR es llegeix, el revela i descarrega la ciutat en PNG o el QR per imprimir en SVG i PNG.
Per a qualsevol framework
Un nucli sense framework, un Web Component i components per a React, Vue i Angular. Segur amb SSR i amb la mida de cada paquet vigilada a la integració contínua.
Ben cuidat
En castellà i anglès, amb tema clar, fosc o automàtic. El llenç es pot fer servir amb el teclat i l’animació respecta «reduir moviment».
Comença
npm i @qr-city/element three
import '@qr-city/element/define';
<qr-city data="https://el-teu-web.dev" style="width: 480px; height: 480px"></qr-city>