TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Best way to display photorealistic 3D in the browser?

4 pointsby logiczillerabout 1 year ago
I need to display an item that a user can rotate (left&#x2F;right, up&#x2F;down). I can pre-render these in Blender from every angle. Maybe if the renders are done just 10° rotated on every axis, that will do what I need.<p>Rather than doing it from scratch, I was thinking maybe some library already exists for this but I&#x27;m not sure what this is called, so I&#x27;m not able to find anything relevant. I am not looking for a STL renderer or some WebGL thing but just some JavaScript trickery.

6 comments

DennisSFOabout 1 year ago
I would look into using spline.design or react three fiber for this. Sketchfab is an ok option as well but not as customizable and gets expensive if you want to get rid of their watermark. I tried all of 3 of them for my hobby airline 3d cabins project lately( <a href="https:&#x2F;&#x2F;www.seatmap.ai&#x2F;3d-seat-maps" rel="nofollow">https:&#x2F;&#x2F;www.seatmap.ai&#x2F;3d-seat-maps</a> ) . Started from react three fiber but soon realized that it would be super easy for a user to download complete 3d model. So, I moved to sketchfab where the model is shown using their custom viewer from which it&#x27;s much harder to nick the full model. But unfortunately it&#x27;s much harder to customize camera movements and annotations there and I had to get their paid plan to get rid of their branding. Lastly, I started playing with Spline which is so easy to use and I love this thing. Having no previous 3D modeling experience, I can create a lot of cool things there super quickly. But it has some drawbacks as well -my 3D cabins are rather large and I&#x27;m not that good at optimizing 3D scenes. Spline&#x27;s upload limit is about 60 mb. Also, their embeds could be a bit buggy at times. But it&#x27;s still my favorite so far if I were to do a quick product configurator which user can explore on any device.
speedgooseabout 1 year ago
It’s quite state of the art, but Gaussian splatting can be considered.<p><a href="https:&#x2F;&#x2F;projects.markkellogg.org&#x2F;threejs&#x2F;demo_gaussian_splats_3d.php" rel="nofollow">https:&#x2F;&#x2F;projects.markkellogg.org&#x2F;threejs&#x2F;demo_gaussian_splat...</a>
评论 #40044793 未加载
adfmabout 1 year ago
Seems like you’re looking for something to scrub rendered frames. Otherwise, just upload to Sketchfab and embed their viewer. It’s very capable and purpose built for what you’re looking to do.
评论 #40044834 未加载
stainluabout 1 year ago
maybe you can try &#x27;spriteSpin&#x27;, a jquery plugin for creating rotating viewer. you can input all the images from different angles (seems reasonable for you cuz you mentioned your capability of pre-render these in Blender)
Keltesethabout 1 year ago
Godot. It has by far the best and fastest web export.
评论 #40045157 未加载
brudgersabout 1 year ago
Texture maps on a cube is the simplest thing that might work.<p>Good luck.