All Questions
Tagged with post-processing three.js
68 questions
0
votes
1
answer
41
views
Three.js model color difference from expected rendering
I am trying to display a model I downloaded on Sketchfab which is not showing up as expected when I render it.
Above is the expected rendering
Above is the rendering I get in three.js.
How do I ...
- 15
0
votes
0
answers
38
views
Reconstruct world Space from Depth Texture THREE.js Shader Pass
I am creating an Atmosphere shader in three.js. The Shader is passed to a ShaderPass, and the ShaderPass to the effectComposer. I am currently having a problem with utilizing the DepthTexture. The ...
- 1
0
votes
0
answers
117
views
React-Three/Drei Html's 'occlude="blending"' prop hides Html, leva etc when post processing pass is used
I've found that setting Drei's Html component's prop occlude="blending", which seems to be the only way to currently get html/3d depth to place nice, will cause Html, Leva and any similar ...
1
vote
0
answers
181
views
Threejs Postprocessing Screen Spaced Reflections with Bloom
I'm working on a react-three-fiber website and can't get SSR (screen spaced reflections) working at the same time as Bloom. I'm using @react-three/postprocessing which I understand uses Effects rather ...
- 81
1
vote
0
answers
125
views
Best way to have hover and selection state/effects of a geometry in three.js?
I'm working on a three.js application which allows user to interact with the geometry by clicking, dragging and hovering etc...
The app need to have hover and selections state of the geometry to ...
- 7,532
0
votes
1
answer
291
views
remove hiddenEdgeColor from outlinePass in three.js
I'm using the outlinePass in a three.js project and it has a feature to show the outline of geometry that is behind another in different color, but I don't want this hidden outline at all. How do I ...
- 7,532
2
votes
0
answers
91
views
Are negative gl_FragColor values allowed by GL ES spec?
I'm currently trying to blend a bunch of sprites together in Three.js. What I've found is that giving my sprite shader negative gl_FragColor.rgba values interacts perfectly with my postprocessing ...
- 3,270
1
vote
0
answers
136
views
three.js postprocessing without affecting scene background
I feel like I'm overthinking this.
How can I apply postprocessing effects to my three.js scene without affecting the scene background texture?
For context, I am building a WebAR experience with 8th ...
- 11
2
votes
1
answer
2k
views
@react-three/postprocessing no matching export from three.module.js for import "WebGLMultisampleRenderTarget"
I installed react-three-fiber and I am trying to apply postprocessin, but I get this error
No matching export in "node_modules/three/build/three.module.js" for import "...
- 135
0
votes
2
answers
836
views
OutlinePass is not rendered to scene in THREE.js
I followed these examples to make the outline for objects when they are selected:
https://threejs.org/examples/?q=out#webgl_postprocessing_outline
https://github.com/scqilin/three-OutlinePass
No error ...
- 1
0
votes
1
answer
149
views
three.js filmpass noise becomes weird after a while
https://codepen.io/chrisjdesigner/pen/ExNPqBx
// Old Film Look
filmPass = new THREE.FilmPass();
composer.addPass(filmPass);
In this example you can see it and it's something I've been having in ...
- 71
1
vote
0
answers
124
views
THREE.JS postprocessing: Duplicating postprocessed shader material to render properly on different meshes in the same scene
Think of my question as a more complicated version of this question here:
Three.js, sharing ShaderMaterial between meshes but with different uniform sets
tl;dr: I'm relying on a skin shader from ...
- 102
0
votes
0
answers
284
views
How to apply viewing angle with three.js?
In the scene, there is an object that I'm looking at with a PerspectiveCamera. Using OrbitControls, I can move around the object.
I want to set viewing angle to the camera.
Concretely, here is the ...
- 13
1
vote
0
answers
223
views
Three.js composer effect godrays not appearing, no errors
I am following a tutorial for a volumetric shading "godrays" in threejs.However, when I run it, the screen is completely black and nothing shows up. By the way, the scene is running, the ...
- 198
1
vote
1
answer
931
views
How to change my scene background by creating a post-processing BLOOM?
I am new to THREE.js and i want the object to light up when the mouse rolls over.
But when I change the scene.background color to white by Bloom,
I find that Bloom affects the appearance of the ...
- 15