I’m willing to create realistic images for a product, I know that this can be achieved in Blender, but I want this to be possible in my browser as I would be editing my model in browser and want to generate realistic images of it there, can someone please guide me on how this can be achieved, thanks
On this topic there are two possibilities i think of:
- three gpu pathtracer (GitHub - gkjohnson/three-gpu-pathtracer: Path tracing renderer and utilities for three.js built on top of three-mesh-bvh.)
- baking textures in blender (like this example https://showroom.littleworkshop.fr/)
hope that helps:)
- path tracing https://codesandbox.io/p/sandbox/bvh-path-raycaster-p8i1j
- looks real, takes a long time to render, better for still images
- baking https://codesandbox.io/p/sandbox/6d97z4
- looks fairly real, no runtime cost, but the scene is static — its parts cannot move
- ssgi https://codesandbox.io/p/sandbox/if9crg
- looks semi real, less runtime cost, things can move, can be somewhat glitchy
- envmaps https://codesandbox.io/p/sandbox/lwo219
- the single most important step for runtime realism w/o baking or path tracing, but limited compared to the previous
- accumulative shadows https://codesandbox.io/p/sandbox/ioxywi
- real looking shadows is half the rent, no runtime cost except the build-up
- one more demo with acc-shadows applied on the ground https://codesandbox.io/p/sandbox/hxcc1x
- percentage closer soft shadows https://codesandbox.io/p/sandbox/ykfpwf
- less real than acc-shadows, but way more realistic than default shadows, some expense
- effects, esp ambient occlusion https://codesandbox.io/p/sandbox/6kxmtp
- improves realism greatly, has a cost but if you use pmndrs/postprocessing it’s usually not that much
you can look through these examples Examples - React Three Fiber there are tons that are good enough if not leading when it comes to product presentation. they’re all open source.