https://dinhnn.com/tags/qr-code/ Recent content in Qr-Code on Định Nguyễn Hugo en-us Mon, 06 Apr 2026 00:00:00 +0700 https://dinhnn.com/posts/building-qr-forest/ Mon, 06 Apr 2026 00:00:00 +0700 https://dinhnn.com/posts/building-qr-forest/ <h2 id="tldr" class="anchor-link"><a href="#tldr">TL;DR</a></h2> <p>I built a web app that generates <strong>scannable QR codes disguised as pixel art forests</strong>. The trick: looking straight down through the tree canopy, the gaps between leaves form a valid QR pattern. Switch to 3D and it becomes a tiny voxel garden with trees, flowers, and seasonal particles. Built with Next.js 16, Three.js (React Three Fiber), and a lot of BoxGeometry.</p> <p><strong>Try it:</strong> <a href="https://qr-forest.dinhnn.com">qr-forest.dinhnn.com</a></p> <hr> <h2 id="the-idea" class="anchor-link"><a href="#the-idea">The Idea</a></h2> <p>It started with a 3D render I saw on Threads — someone had made a scene where you could switch the camera from a flat QR code view to a beautiful 3D garden. The transition was mesmerizing. I wanted to build that.</p>