# AI QR Code Image Target with 8th Wall WebAR **URL:** \ **Category:** Made with 8th Wall\ **Tags:** image-targets\ **Created:** [May 5, 2025, 6:42pm UTC](https://forum.8thwall.com/t/ai-qr-code-image-target-with-8th-wall-webar/6322 "2025-05-05T18:42:16Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\ **Post date:** [May 5, 2025, 6:42pm UTC](https://forum.8thwall.com/t/ai-qr-code-image-target-with-8th-wall-webar/6322/1 "2025-05-05T18:42:16Z")
![Screenshot 2025-05-05 at 11.42.00 AM](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/0/02daa9e13b7c5d647b4d719ec139a2be1f6ddf68.png) In this project, I created a custom image target that also acts as the entry point to a WebAR experience—via a scannable AI-generated QR code. 🧵 **Reference project visuals & build threads:** - [https://x.com/XRarchitect/status/1671188550187110400](https://x.com/XRarchitect/status/1671188550187110400) - [https://x.com/XRarchitect/status/1674472885090672640](https://x.com/XRarchitect/status/1674472885090672640) ### 🔗 Step 1: Create a Custom QR Code I started with the 8th Wall WebAR project link, then used [QRCode-AI.com](https://qrcode-ai.com/) to generate a visually styled QR code. This makes the code both functional and visually aligned with the final AR design. Alternatively, for more control and cleaner results, you can create your own QR code art using tools like ControlNet. Here’s a great reference thread: > ### 🧱 Step 2: Build & Align Your AR Content The AR content was designed and animated in Blender. I made sure to match the proportions of the animation and 3D elements to the size and layout of the generated QR code image target. To enhance depth and visual fidelity in AR, I used a _hider material_ to simulate parallax occlusion—making parts of the scene appear to pass behind the image target.