# Realistic texture

**URL:** <https://discourse.threejs.org/t/realistic-texture/71193>\
**Category:** Questions\
**Tags:** photorealism\
**Created:** [September 25, 2024, 12:56pm UTC](https://discourse.threejs.org/t/realistic-texture/71193 "2024-09-25T12:56:07Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Abomel\_puka](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/abomel_puka/32/51196_2.png) [@Abomel\_puka](https://discourse.threejs.org/u/Abomel_puka)\
**Post date:** [September 25, 2024, 12:56pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/1 "2024-09-25T12:56:07Z")

</div>

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)the texture changes) and want to generate realistic images of it(the model with new texture) there, can someone please guide me on how this can be achieved, thanks

---

<div class="post-metadata">

**Author:** ![yesbird](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yesbird/32/46097_2.png) [@yesbird](https://discourse.threejs.org/u/yesbird)\
**Post date:** [September 25, 2024, 1:44pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/2 "2024-09-25T13:44:21Z")

</div>

Maybe you are looking for [Sketchfab](https://sketchfab.com/) ?

---

<div class="post-metadata">

**Author:** ![Oxyn](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/oxyn/32/12902_2.png) [@Oxyn](https://discourse.threejs.org/u/Oxyn)\
**Post date:** [September 25, 2024, 2:38pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/3 "2024-09-25T14:38:38Z")

</div>

Or if you really seek high fidelity (lights + materials). You need a pathtracer.  
But like Blender or any engines of this type, it’s all about waiting for enough samples to process.

> **[GitHub - gkjohnson/three-gpu-pathtracer: Path tracing renderer and utilities for three.js...](https://github.com/gkjohnson/three-gpu-pathtracer)**
>
> Path tracing renderer and utilities for three.js built on top of three-mesh-bvh.

example:  
[https://gkjohnson.github.io/three-gpu-pathtracer/example/bundle/interior.html](https://gkjohnson.github.io/three-gpu-pathtracer/example/bundle/interior.html)

---

<div class="post-metadata">

**Author:** ![Abomel\_puka](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/abomel_puka/32/51196_2.png) [@Abomel\_puka](https://discourse.threejs.org/u/Abomel_puka)\
**Post date:** [September 25, 2024, 3:10pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/4 "2024-09-25T15:10:17Z")

</div>

I need a suggestion on this, if I use pathtracer will I be able to host it on my website and are the images generated by the pathtracer promising like blender?

---

<div class="post-metadata">

**Author:** ![Abomel\_puka](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/abomel_puka/32/51196_2.png) [@Abomel\_puka](https://discourse.threejs.org/u/Abomel_puka)\
**Post date:** [September 25, 2024, 3:10pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/5 "2024-09-25T15:10:56Z")

</div>

Im not looking for a source, thank you

---

<div class="post-metadata">

**Author:** ![Oxyn](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/oxyn/32/12902_2.png) [@Oxyn](https://discourse.threejs.org/u/Oxyn)\
**Post date:** [September 25, 2024, 3:27pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/6 "2024-09-25T15:27:53Z")

</div>

Yes, you can host a standalone version.  
the quality of the image depend of many factors (like the power of your GPU) The best way is to try the various demos, like the lego one. Test it yourself and try it on your site.  
[https://gkjohnson.github.io/three-gpu-pathtracer/example/bundle/lego.html#Tree%20House](https://gkjohnson.github.io/three-gpu-pathtracer/example/bundle/lego.html#Tree%20House)

“quick” 500 samples screen I just took for fun.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/b/2bda751506b71af0011dcc05e337b3c78a6f2cef.jpeg)

---

<div class="post-metadata">

**Author:** ![Abomel\_puka](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/abomel_puka/32/51196_2.png) [@Abomel\_puka](https://discourse.threejs.org/u/Abomel_puka)\
**Post date:** [September 26, 2024, 5:36pm UTC](https://discourse.threejs.org/t/realistic-texture/71193/7 "2024-09-26T17:36:25Z")

</div>

It looks pretty promising, thank you