完整原始转录 · 音频文稿点击展开
我把二维码做成了一棵会长大的树🌳
最近做了一个有点浪漫的开源小实验:**QR Grove**。
输入任意 HTTP/HTTPS 链接,它会生成一棵季节性的 3D 二维码树。可以拖动、旋转、缩放,也可以在春、夏、秋、冬四种主题之间切换。
我最想解决的不是“把二维码旁边加一棵树”,而是让树本身就是二维码:点击「压平扫码」后,同一组 3D 模块会从树冠过渡成正视的二维码结构,手机可以直接识别;点击返回时,再从当前正视角自然转换回树形态。
顺手也把它封装成了可嵌入版本:通过 URL 参数传入链接和季节,第三方网页用 iframe 就能只展示二维码场景。
技术栈:React 19、Three.js、React Three Fiber、TypeScript、Vite。
项目已经开源,GitHub 搜索:**Arthaskj/qr-magic-tree**
在线体验:**arthaskj.github.io/qr-magic-tree/**
如果你也喜欢这种“能用、又有点好玩”的创意前端,欢迎来 Star,也欢迎告诉我还想看到什么季节或形态 🌱
#独立开发[话题]# #创意编程[话题]# #前端开发[话题]# #ThreeJS[话题]# #React[话题]# #开源项目[话题]# #程序员日常[话题]# #个人项目[话题]# #AI编程[话题]# #网页设计
我把二维码做成了一棵会长大的树🌳 最近做了一个有点... https://xhslink.cn/o/45fJeQTPFrF 先复制再打开【小红书】,笔记内容马上呈现。
resolved_url: https://www.xiaohongshu.com/explore/6a8e8e73000000002003c368
xhs_capture_status: success