cullenwebber/three-html-to-canvas — reverse-engineered prompt

Build me a simple browser demo that shows regular HTML being turned into a canvas texture and projected onto a 3D object with Three.js.

I want to see an HTML panel, like a card with text, colors, and maybe an image, captured through SVG foreignObject, drawn to a canvas, then used as a projection material in the 3D scene. The page should make it obvious what’s happening, with the original HTML visible on one side and the 3D result on the other. Add basic camera movement so I can orbit around and confirm the projection is really on the object.

Keep it lightweight and easy to run locally with Vite and plain JavaScript. Please organize the code clearly so I can change the HTML content later without digging through everything. If there are browser limitations around foreignObject or canvas security, handle them gracefully and add a short note in the app. Look up current docs online if you need to.