# \#render

**URL:** https://discourse.threejs.org/tag/render/797.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Random single-frame pixel artifacts in WebCodecs export from EffectComposer + MeshPhysicalMaterial transmission](https://discourse.threejs.org/t/random-single-frame-pixel-artifacts-in-webcodecs-export-from-effectcomposer-meshphysicalmaterial-transmission/91369)

<div class="topic-metadata">

**Author:** [@Kit\_1](https://discourse.threejs.org/u/Kit_1)\
**Replies:** 2\
**Last updated:** [May 5, 2026, 9:57am UTC](https://discourse.threejs.org/t/random-single-frame-pixel-artifacts-in-webcodecs-export-from-effectcomposer-meshphysicalmaterial-transmission/91369 "2026-05-05T09:57:41Z")

</div>

Working on the visualiser for an art piece (real-time view of light through a sculpted ac rylic lens, plus an offline render path that exports to MP4) and there’s an intermittent glitch we can’t pin down. Hoping a fresh…

---

## [Real model - Real Rendering in Threejs](https://discourse.threejs.org/t/real-model-real-rendering-in-threejs/69546)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 9\
**Last updated:** [January 8, 2026, 3:35am UTC](https://discourse.threejs.org/t/real-model-real-rendering-in-threejs/69546 "2026-01-08T03:35:40Z")

</div>

Hi. I hope you are well. I need a high-quality 3d model like this website. Do you have any models to share with me? In Sketchfab most of them are like cartoons. I want to know How we can have the best setting in thre…

---

## [Three.js Image Text blur after Version 151](https://discourse.threejs.org/t/three-js-image-text-blur-after-version-151/84546)

<div class="topic-metadata">

**Author:** [@James\_Zhong](https://discourse.threejs.org/u/James_Zhong)\
**Replies:** 2\
**Last updated:** [July 7, 2025, 3:34am UTC](https://discourse.threejs.org/t/three-js-image-text-blur-after-version-151/84546 "2025-07-07T03:34:00Z")

</div>

I have an image with black text. In 151 and the previouse version, the text is black. After version 151, from 152, the text color became less black(blur, less sharp). The settings of WebGLRenderer, Texture and Material a…

---

## [Call async function in useFrame?](https://discourse.threejs.org/t/call-async-function-in-useframe/81509)

<div class="topic-metadata">

**Author:** [@Jim\_Rend](https://discourse.threejs.org/u/Jim_Rend)\
**Replies:** 0\
**Last updated:** [April 22, 2025, 7:14pm UTC](https://discourse.threejs.org/t/call-async-function-in-useframe/81509 "2025-04-22T19:14:03Z")

</div>

I need to make a fetch call when the camera’s position crosses a threshold. I need the function to be callable again, but not until after 1000ms has passed. Ideally this would happen immediately, but a small delay is to…

---

## [Three.js Fluid render](https://discourse.threejs.org/t/three-js-fluid-render/81272)

<div class="topic-metadata">

**Author:** [@wenrenqiang](https://discourse.threejs.org/u/wenrenqiang)\
**Replies:** 3\
**Last updated:** [April 17, 2025, 1:03am UTC](https://discourse.threejs.org/t/three-js-fluid-render/81272 "2025-04-17T01:03:34Z")

</div>

dli/fluid: Fluid Particles - http://david.li/fluid How to render this in Three.js? Do you have any demo cases?

---

## [\[Violation\] 'requestAnimationFrame' handler took \<N\>ms](https://discourse.threejs.org/t/violation-requestanimationframe-handler-took-n-ms/76506)

<div class="topic-metadata">

**Author:** [@Guliver\_Potsangbam](https://discourse.threejs.org/u/Guliver_Potsangbam)\
**Replies:** 2\
**Last updated:** [January 17, 2025, 5:34am UTC](https://discourse.threejs.org/t/violation-requestanimationframe-handler-took-n-ms/76506 "2025-01-17T05:34:49Z")

</div>

import \* as THREE from 'three'; import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; import Stats from 'three/examples/jsm/l…

---

## [Glowing-neon like material appear white -gltfloader](https://discourse.threejs.org/t/glowing-neon-like-material-appear-white-gltfloader/72288)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 5\
**Last updated:** [October 2, 2024, 5:32pm UTC](https://discourse.threejs.org/t/glowing-neon-like-material-appear-white-gltfloader/72288 "2024-10-02T17:32:39Z")

</div>

Hi guys. I loaded this 3d model on my website but it appears white. Would you please check and tell me the reason and solution? on three.js and I have another model too that I have used realistic rend…

---

## [Willing to achieve realistic images in threejs or somehow in brower](https://discourse.threejs.org/t/willing-to-achieve-realistic-images-in-threejs-or-somehow-in-brower/71155)

<div class="topic-metadata">

**Author:** [@Abomel\_puka](https://discourse.threejs.org/u/Abomel_puka)\
**Replies:** 2\
**Last updated:** [September 30, 2024, 5:55am UTC](https://discourse.threejs.org/t/willing-to-achieve-realistic-images-in-threejs-or-somehow-in-brower/71155 "2024-09-30T05:55:30Z")

</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 and want to generate realistic ima…

---

## [Stop render function(requestanimationframe or setAnimationLoop)](https://discourse.threejs.org/t/stop-render-function-requestanimationframe-or-setanimationloop/68930)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 6\
**Last updated:** [August 4, 2024, 4:41pm UTC](https://discourse.threejs.org/t/stop-render-function-requestanimationframe-or-setanimationloop/68930 "2024-08-04T16:41:20Z")

</div>

Hi I want to rotate my model but because of some axes problems(I have 3d model and some other decal geometries in my scene). I decided to rotate the orbit and it worked better. Now I need help in stopping orbitcontrol …

---

## [EffectComposer – Combine multiple renderings](https://discourse.threejs.org/t/effectcomposer-combine-multiple-renderings/66830)

<div class="topic-metadata">

**Author:** [@Lunatictactoc](https://discourse.threejs.org/u/Lunatictactoc)\
**Replies:** 3\
**Last updated:** [June 14, 2024, 7:56pm UTC](https://discourse.threejs.org/t/effectcomposer-combine-multiple-renderings/66830 "2024-06-14T19:56:27Z")

</div>

Hello everyone, I use EffectComposer from the postprocessing.js library. My goal is to generate 2 successive renderings of the scene but at different resolutions. Indeed, I would like to render certain effects (mainly…

---

## [Jewelry Designer Portfolio - Create a captivating portfolio using iJewel Design](https://discourse.threejs.org/t/jewelry-designer-portfolio-create-a-captivating-portfolio-using-ijewel-design/65935)

<div class="topic-metadata">

**Author:** [@stsoumya3](https://discourse.threejs.org/u/stsoumya3)\
**Replies:** 1\
**Last updated:** [May 26, 2024, 7:41am UTC](https://discourse.threejs.org/t/jewelry-designer-portfolio-create-a-captivating-portfolio-using-ijewel-design/65935 "2024-05-26T07:41:14Z")

</div>

Ever dreamt of a tool that could help you give life to your jewelry designs, not just on paper but in captivating 3D? That’s exactly what iJewel Design does! Designed for smart jewelry designers, iJewel Design is an adv…

---

## [Seeking advice on converting 2D spiral image slices to 3D conical spiral in three.js](https://discourse.threejs.org/t/seeking-advice-on-converting-2d-spiral-image-slices-to-3d-conical-spiral-in-three-js/62702)

<div class="topic-metadata">

**Author:** [@niyut](https://discourse.threejs.org/u/niyut)\
**Replies:** 3\
**Last updated:** [March 13, 2024, 6:57pm UTC](https://discourse.threejs.org/t/seeking-advice-on-converting-2d-spiral-image-slices-to-3d-conical-spiral-in-three-js/62702 "2024-03-13T18:57:41Z")

</div>

"Hello everyone, I’m currently learning three.js through personal projects and seeking guidance for a specific manipulation task. I have a dataset of 2D image slices featuring spiral shapes. My aim is to combine the firs…

---

## [Rendering gltf model](https://discourse.threejs.org/t/rendering-gltf-model/62629)

<div class="topic-metadata">

**Author:** [@Web\_Developer](https://discourse.threejs.org/u/Web_Developer)\
**Replies:** 2\
**Last updated:** [March 12, 2024, 5:01pm UTC](https://discourse.threejs.org/t/rendering-gltf-model/62629 "2024-03-12T17:01:16Z")

</div>

Hi, I want to make my gltf model realistic, with reflexes, lights and shadow. How can I do it? The model is made with sketch up and I can’t render on it and export in gltf rendered. test three js

---

## [When I add lights , I am getting jagged/pixlated edges on all objects in scene. how to fix it?](https://discourse.threejs.org/t/when-i-add-lights-i-am-getting-jagged-pixlated-edges-on-all-objects-in-scene-how-to-fix-it/61864)

<div class="topic-metadata">

**Author:** [@Sohail\_Ansari](https://discourse.threejs.org/u/Sohail_Ansari)\
**Replies:** 5\
**Last updated:** [February 24, 2024, 8:26am UTC](https://discourse.threejs.org/t/when-i-add-lights-i-am-getting-jagged-pixlated-edges-on-all-objects-in-scene-how-to-fix-it/61864 "2024-02-24T08:26:38Z")

</div>

code is : const BACKGROUND\_COLOR = 0xffffff; initScene(): void { this.scene.background = new Color(BACKGROUND\_COLOR); this.scene.castShadow = true; this.scene.receiveShadow = true; } initLights(): v…

---

## [Crisp lines on rendered view](https://discourse.threejs.org/t/crisp-lines-on-rendered-view/60691)

<div class="topic-metadata">

**Author:** [@torugor](https://discourse.threejs.org/u/torugor)\
**Replies:** 4\
**Last updated:** [January 26, 2024, 4:32pm UTC](https://discourse.threejs.org/t/crisp-lines-on-rendered-view/60691 "2024-01-26T16:32:51Z")

</div>

I am rendering a model i imported from blender on my game made with threejs. Bellow is the resulting model rendered: here is how i configure the renderer: this.\_threeRenderer = new THREE.WebGLRenderer({antialias: t…

---

## [Trying to load obj as parse](https://discourse.threejs.org/t/trying-to-load-obj-as-parse/60693)

<div class="topic-metadata">

**Author:** [@vitorbarbosa123](https://discourse.threejs.org/u/vitorbarbosa123)\
**Replies:** 1\
**Last updated:** [January 24, 2024, 9:57pm UTC](https://discourse.threejs.org/t/trying-to-load-obj-as-parse/60693 "2024-01-24T21:57:25Z")

</div>

Hello, I’m trying to use the object loader to render an obj in blob format. I checked in the documentation that the correct option would be to use loader.parse(), however, the scene is rendered but the mesh is not render…

---

## [How to avoid transparent mesh Overlay render itself](https://discourse.threejs.org/t/how-to-avoid-transparent-mesh-overlay-render-itself/59886)

<div class="topic-metadata">

**Author:** [@lojaer](https://discourse.threejs.org/u/lojaer)\
**Replies:** 0\
**Last updated:** [January 3, 2024, 6:53am UTC](https://discourse.threejs.org/t/how-to-avoid-transparent-mesh-overlay-render-itself/59886 "2024-01-03T06:53:03Z")

</div>

For example,line mesh like this picture. when it circles back to itself,the color will get greener,and i don’t want that; i have tried canvastexture to avoid this，but i want to use CustomBlending material to generate…

---

## [Is it possible to render threejs scenes automatically in e.g. Cycles renderer](https://discourse.threejs.org/t/is-it-possible-to-render-threejs-scenes-automatically-in-e-g-cycles-renderer/57946)

<div class="topic-metadata">

**Author:** [@kalabedo](https://discourse.threejs.org/u/kalabedo)\
**Replies:** 2\
**Last updated:** [November 9, 2023, 4:17pm UTC](https://discourse.threejs.org/t/is-it-possible-to-render-threejs-scenes-automatically-in-e-g-cycles-renderer/57946 "2023-11-09T16:17:55Z")

</div>

Hi all, I am building a configurator for furniture and would like the user to be able to request a more realistic image than in the threejs renderer. I found this thread which offers exactly this function, but there i…

---

## [Defer model rendering](https://discourse.threejs.org/t/defer-model-rendering/56995)

<div class="topic-metadata">

**Author:** [@Spleentery](https://discourse.threejs.org/u/Spleentery)\
**Replies:** 2\
**Last updated:** [October 13, 2023, 10:38pm UTC](https://discourse.threejs.org/t/defer-model-rendering/56995 "2023-10-13T22:38:01Z")

</div>

Hi! I’m creating a website that consists of multiple sections, only one of them includes r3f canvas. The model I’m using seems to be a bit heavy and rendering it is making other sections a bit laggy. Is there a standa…

---

## [The first render of my scene is too slow. Any solution?](https://discourse.threejs.org/t/the-first-render-of-my-scene-is-too-slow-any-solution/56378)

<div class="topic-metadata">

**Author:** [@ThennarasuR-cdr](https://discourse.threejs.org/u/ThennarasuR-cdr)\
**Replies:** 2\
**Last updated:** [September 25, 2023, 7:30am UTC](https://discourse.threejs.org/t/the-first-render-of-my-scene-is-too-slow-any-solution/56378 "2023-09-25T07:30:34Z")

</div>

Hi I built a three js webpage https://about-thennarasu.netlify.app . I set a loading screen to show when the 3D models are being loaded. But even after the models are loaded, they take some time to render. Is there any w…

---

## [New release scene look darkness](https://discourse.threejs.org/t/new-release-scene-look-darkness/55520)

<div class="topic-metadata">

**Author:** [@kamilkunt](https://discourse.threejs.org/u/kamilkunt)\
**Replies:** 1\
**Last updated:** [August 30, 2023, 9:52am UTC](https://discourse.threejs.org/t/new-release-scene-look-darkness/55520 "2023-08-30T09:52:55Z")

</div>

I dont remember which version i used. I want to use last release r155 but when change js files. Scene look darkness. I am use default render method. How can i solve this?

---

## [Editor VR viewport + WebXR Dragging example = render help?](https://discourse.threejs.org/t/editor-vr-viewport-webxr-dragging-example-render-help/55451)

<div class="topic-metadata">

**Author:** [@NicholiNoah](https://discourse.threejs.org/u/NicholiNoah)\
**Replies:** 0\
**Last updated:** [August 28, 2023, 5:06pm UTC](https://discourse.threejs.org/t/editor-vr-viewport-webxr-dragging-example-render-help/55451 "2023-08-28T17:06:51Z")

</div>

I’ve been digging into Three JS Editor’s WebXR environment. Wow! This is a powerfully intuitive tool. My artist mindset can navigate scripts and JSON objects much more comfortably than raw coding. I forked Three JS (b…

---

## [Easiest way to set rendering order for transparent objects](https://discourse.threejs.org/t/easiest-way-to-set-rendering-order-for-transparent-objects/25372)

<div class="topic-metadata">

**Author:** [@lobis](https://discourse.threejs.org/u/lobis)\
**Replies:** 3\
**Last updated:** [August 22, 2023, 7:40pm UTC](https://discourse.threejs.org/t/easiest-way-to-set-rendering-order-for-transparent-objects/25372 "2023-08-22T19:40:32Z")

</div>

Hello, I have a node.js app that generates a three object and passes it to the frontend as a json. Initially this object has no transparency. I use threejs to visualize this json, which I can successfully load. However…

---

## [My blender object doesn't have color and looks awfull](https://discourse.threejs.org/t/my-blender-object-doesnt-have-color-and-looks-awfull/54704)

<div class="topic-metadata">

**Author:** [@Wynnyy](https://discourse.threejs.org/u/Wynnyy)\
**Replies:** 1\
**Last updated:** [August 6, 2023, 8:25pm UTC](https://discourse.threejs.org/t/my-blender-object-doesnt-have-color-and-looks-awfull/54704 "2023-08-06T20:25:18Z")

</div>

Hi guys, maybe simple problem for you, but I trying everything and still don’t have a luck. In GLTF viewer see colors and edges but on website not export class ThreeDComponent { @ViewChild('canvas') private…

---

## [React Three Fiber (outline)](https://discourse.threejs.org/t/react-three-fiber-outline/53936)

<div class="topic-metadata">

**Author:** [@Lighty](https://discourse.threejs.org/u/Lighty)\
**Replies:** 4\
**Last updated:** [July 15, 2023, 5:11pm UTC](https://discourse.threejs.org/t/react-three-fiber-outline/53936 "2023-07-15T17:11:49Z")

</div>

Hello! Have probrem with outline when render 2 camera When render without params outline dont render When render \< Hub \> with \< Hud renderPriority={2} \> = render 1st camera (mesh cube) but dont render outline…

---

## [React Three Fiber \<Center\>](https://discourse.threejs.org/t/react-three-fiber-center/53844)

<div class="topic-metadata">

**Author:** [@Lighty](https://discourse.threejs.org/u/Lighty)\
**Replies:** 2\
**Last updated:** [July 13, 2023, 10:50am UTC](https://discourse.threejs.org/t/react-three-fiber-center/53844 "2023-07-13T10:50:32Z")

</div>

Hello! Have some problem with “\< Center \>” when change array to another , positions of elements dont render with \< Center \> Without render With Render

---

## [Offscreencanvas still janks main thread](https://discourse.threejs.org/t/offscreencanvas-still-janks-main-thread/52148)

<div class="topic-metadata">

**Author:** [@GeorgeP](https://discourse.threejs.org/u/GeorgeP)\
**Replies:** 0\
**Last updated:** [May 29, 2023, 9:38am UTC](https://discourse.threejs.org/t/offscreencanvas-still-janks-main-thread/52148 "2023-05-29T09:38:14Z")

</div>

Hi all, I’m having a strange issue with a fairly complex scene. I’ve spent a few days moving the entire 3D scene to an offscreencanvas and I’ve moved the loading of my GLB files and texture maps to a web worker. This al…

---

## [Three.js rendered model looks different from Blender rendered model](https://discourse.threejs.org/t/three-js-rendered-model-looks-different-from-blender-rendered-model/48813)

<div class="topic-metadata">

**Author:** [@Felix\_Isaac](https://discourse.threejs.org/u/Felix_Isaac)\
**Replies:** 2\
**Last updated:** [March 8, 2023, 4:15am UTC](https://discourse.threejs.org/t/three-js-rendered-model-looks-different-from-blender-rendered-model/48813 "2023-03-08T04:15:13Z")

</div>

Hello, when I export a gltf file from the blender to the threejs, it looks very ugly even if I add lights, it receives them badly. Is there a way to get the same cycles rendering in Blender? Hello, there is a big differ…

---

## [Change texture of gltf in ios](https://discourse.threejs.org/t/change-texture-of-gltf-in-ios/47926)

<div class="topic-metadata">

**Author:** [@vira4\_company](https://discourse.threejs.org/u/vira4_company)\
**Replies:** 0\
**Last updated:** [February 12, 2023, 9:27am UTC](https://discourse.threejs.org/t/change-texture-of-gltf-in-ios/47926 "2023-02-12T09:27:08Z")

</div>

Hi I change the texture of a part of gltf model in my code and it was worked correclty,But in ios devices it does not work last texture appear again ,We have just one model but with changing texture of a watch I can s…

---

## [Making model visible interferes with render loop?](https://discourse.threejs.org/t/making-model-visible-interferes-with-render-loop/47440)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 8\
**Last updated:** [January 31, 2023, 4:28pm UTC](https://discourse.threejs.org/t/making-model-visible-interferes-with-render-loop/47440 "2023-01-31T16:28:22Z")

</div>

\[NOTE: This question was cross-posted to Stack Overflow:\] In my ThreeJS app (r124) I have a GLB animation model that I attach a Spotlight to, to make it look like a camera drone with a light that turns on and off. I h…

[Next page](https://discourse.threejs.org/tag/render/797.md?match_all_tags=true&page=1&tags%5B%5D=render)