DevTrendsDeveloper trends
Accent color

albertaz1992 /

every-qrcode

开源仓库： Every QR Code 是一个开源的 3D 二维码项目：输入任意 URL，会根据网址生成一个确定性的 3D 世界，并最终变回真正可扫描的标准二维码。 目前支持两种模型： 🌳 Tree：二维码生长成一棵树 ⛰️ Terrain：二维码形成一片 3D 地形 相同的 URL、模型和 generator version 会产生相同的视觉结果，因此它不只是随机动画，也可以看作 URL 的一种可复现视觉身份。 Gallery 网站…

LanguageTypeScriptDTSoftware developmentDTWeb appDTWebOriginal3dOriginalcreative-codingOriginalqr-codeOriginalqr-code-generatorOriginalqrcode-generatorOriginalreactOriginalreact-componentOriginalreact-qr-codeOriginalweb-component
GitHub ↗Website ↗Source ↗

Product images

About

开源仓库： Every QR Code 是一个开源的 3D 二维码项目：输入任意 URL，会根据网址生成一个确定性的 3D 世界，并最终变回真正可扫描的标准二维码。 目前支持两种模型： 🌳 Tree：二维码生长成一棵树 ⛰️ Terrain：二维码形成一片 3D 地形 相同的 URL、模型和 generator version 会产生相同的视觉结果，因此它不只是随机动画，也可以看作 URL 的一种可复现视觉身份。 Gallery 网站还做了一个公开 Gallery，可以浏览不同 URL 生成出来的 3D QR 世界，也可以提交自己的网站加入 Gallery。 每个世界都可以在 3D 形态和标准二维码之间切换。 开源组件 除了在线体验，渲染器也已经作为组件开源并发布到 npm： @every-qrcode/react @every-qrcode/web-component 因此开发者可以直接把这种 3D QR Code 嵌入自己的 React 项目或其他网站。 3D 渲染使用 TypeScript + WebGPU，在浏览器本地运行；不支持 WebGPU 时会自动降级成静态、仍然可扫描的 SVG QR Code。 项目目前是 MIT License，后续还计划增加 Hokusai Waves、Crystalline、Mechanical 等更多 3D 模型。

Discovery history

  1. 阮一峰周刊·用户投稿

    Sep 2, 2026 · 1 observations

Discuss this product