designqr v0.2.1

What's new

道頓堀 — Dotonbori

import { DesignQR } from 'designqr';

<DesignQR
  value="https://github.com/johnson7543/design"
  design="city"
  theme="dotonbori"
/>

東京タワー — Tokyo Tower

import { DesignQR } from 'designqr';

<DesignQR
  value="https://github.com/johnson7543/design"
  design="city"
  theme="tokyo-tower"
/>

Improvements

• City scenes and models load on demand for the selected preset.
• QR rendering and PNG export remain available if City code fails to download.
• Reduced Dotonbori transformation-buffer storage by approximately 55% in the matched test scene, preserving modeled detail.
• Refined Shibuya buildings, station, landmarks, and signs.
• Improved Dotonbori storefront variety, building surfaces, animation, and transition synchronization.
• Clearer uploaded-logo presentation on Dotonbori’s Asahi sign.
• Expanded checks for responsive layouts, QR scanning, loading failures, exports, and resource cleanup.

Upgrade

npm install designqr@0.2.1

designqr v0.2.0

What's new

Shibuya City

Turn your QR content into a miniature Shibuya streetscape, with recognizable landmarks, moving commuters, passing trains, and a reversible 3D → 2D transition.

The Shibuya blue palette is inspired by 『ブルーピリオド』 (Blue Period), with richer blue tones across buildings, shadows, and QR artwork.

Simpler React setup

Core styles now load automatically—no separate stylesheet import is required.

import { DesignQR } from 'designqr';

<DesignQR
  value="https://github.com/johnson7543/design"
  design="city"
/>

More control over the view

Optional zoom supports wheel and pinch gestures, with programmatic zoom and reset controls. Preview zoom preserves the exported PNG framing.

Improvements

• Artwork variations are determined by QR content.
• Refined 2D color selection and border behavior.
• Clearer package documentation, examples, and advanced usage guidance.
• Improved verification of responsive rendering, QR scanning, transitions, and PNG exports.

Custom themes remain available for Tree; City custom themes are not yet supported.

Upgrade

npm install designqr@0.2.0

designqr v0.1.5

• ## What's fixed

• QR codes now always encode the exact supplied value
• Encoding failures return QR_GENERATION_FAILED instead of substituting another URL
• Dense matrices above the temporary 57×57 interactive limit are rejected before 3D rendering
• Optional Border now reserves a scan-safe four-module margin
• Borderless QR codes retain their compact, matrix-sized footprint
• Border toggling no longer changes title/content positioning or truncation
• Improved artwork proportions in wide portrait containers

Upgrade

npm install designqr@0.1.5

designqr v0.1.4

What's fixed

• Fixed inconsistent 3D tree framing across different viewport sizes
• Improved tree sizing in square embeds
• Preserved existing mobile/portrait framing
• 2D QR sizing remains unchanged

Upgrade

npm install designqr@0.1.4