Show HN: image-3D – a web component for 3D images

(mukba.ng)

2 points | by mnorris 7 hours ago ago

2 comments

  • mnorris 7 hours ago ago

    I'm Michael. I built https://mukba.ng because I felt like 3D creation tools were too complicated.

    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

  • mnorris 5 hours ago ago

    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.