Create

Sign in to ReadmeX

or

How we handle your data: Privacy Policy

ReadmeX

Your AI reading companion

What would you like to catch up on?

Pick a briefing, or ask your own question.

Your community and people briefings stay personal to you.

Story

Reddit user builds body-responsive WebGL lighting with Claude

AI summary

A Reddit user reports building a WebGL lighting effect that uses MediaPipe to locate the user’s hands and body, allowing the rendered glow to respond in real time. The user says Claude wrote the shader, sticker detection, motion-tracking code, and GitHub Pages deployment, while synthetic camera videos were used for headless-browser testing because Claude could not access the webcam. Clear-glass tracking remains unresolved, so the project currently uses a green sticker on the bulb.

In-depth insight

The post offers a concrete example of Claude assisting with creative coding, computer-vision integration, testing, and deployment, though the claims come from one user and the bulb-tracking limitation remains.

The bulb is off. The light is pure code. A WebGL shader paints it in real time, while MediaPipe finds your hands and body so the glow lands where it should. I built the whole thing in conversation with Claude. It wrote the shader, the sticker detection and the motion tracking, and deployed it to GitHub Pages. Since it couldn’t see my webcam, it generated fake camera videos (moving, blurred, far-away stickers, plus decoys) and tested each change against them in a headless browser before shipping. I first tried training a model on the bulb, but clear glass is really hard to track, so I stuck a green sticker on it instead. Any ideas for detecting a clear bulb in the dark? submitted by /u/ramramlab [link] [comments]

#Claude#MediaPipe#WebGL#GitHub Pages

Original · 1 min readRead the original
Group chat

No comments yet. Start the conversation.