Show HN: image-3D – a web component for 3D images(mukba.ng)
mukba.ng
Show HN: image-3D – a web component for 3D images
https://mukba.ng/image-3d/docs/
2 comments
TLDR; I accidentally allowlisted only my domains, so no one else was able to generate <image-3d>
I was testing this on my own domains and it was working, so I wrongly assumed that no one was trying this. But I do see quite a few failures which will hopefully succeed now.
But I made an allowlist for only my domains yesterday that rejects everything not on the list, and forgot to toggle OFF the switch I built that opens it up to everyone.
Anyway, happy hacking and if anyone else stops in and tries this out and it fails or succeeds let me know.
I was testing this on my own domains and it was working, so I wrongly assumed that no one was trying this. But I do see quite a few failures which will hopefully succeed now.
But I made an allowlist for only my domains yesterday that rejects everything not on the list, and forgot to toggle OFF the switch I built that opens it up to everyone.
Anyway, happy hacking and if anyone else stops in and tries this out and it fails or succeeds let me know.
All of the Gaussian Splat embeds that I see on the web require you to create a Gaussian Splat first, and then embed it. I thought, what if we could just turn every photo on the web into 3D.
I built a web component that turns any image URL into an interactive 3D embed. Drag to rotate, pinch to zoom. Install in two lines:
<script src="https://mukba.ng/image-3d/embed.js" defer></script>
<image-3d src="/your-photo.jpg"></image-3d>
The component fetches from a Cloudflare Worker that either returns a cached Gaussian Splat or generates one on the spot. Splats are ~5 MB, but have a 15 KB preview mesh that you can interact with while it streams in on slower connections.
Works with any image URL.
Docs + live demo: https://mukba.ng/image-3d/docs/ Source: https://github.com/imichaelnorris/image-3d