All Questions
Tagged with post-processing javascript
25 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 ...
0
votes
0
answers
117
views
FrameBuffer texture reading black for each pixel WebGL
So I just got into WebGL graphics a few months ago and I wrote a class to add a filter to any render. The only problem with it was, the framebuffer texture always returns black. I don't know why and ...
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 ...
3
votes
0
answers
472
views
A-Frame: post-processing attempt works on desktop, fails in VR
I am attempting a simple approach to postprocessing in A-Frame (without using the three.js classes EffectComposer, etc., for simplicity). The approach seems standard:
create a new render target
...
2
votes
1
answer
2k
views
What is the meaning of WebGL: INVALID_VALUE: texImage2D: width or height out of range
I want to use UnrealBloomPass in three.js postprocessing, but I get a black screen after adding effectComposer.addPass(unrealBloomPass), on the console I get the following
WebGL: INVALID_VALUE: ...
1
vote
0
answers
184
views
How to apply .LOOK/.CUBE (LUT) on a png in nodeJS
I have a nodeJS script that automatically creates random .PNG images.
The idea is to add a filter after the creation process.
My designer configured this filter via a LUT (.cube or .look), the ...
3
votes
0
answers
439
views
Bloom or some other post-processing (filter) on a webpage?
Is it possible to apply post-processing effects, such as bloom or chromatic aberration, over a whole web page? I know that we can write shaders for a canvas element, but would they take effect on ...
0
votes
2
answers
4k
views
ThreeJS How to use Bloom Post-Processing Without NPM in VanillaJS
I want a bloom effect for my scene when using an emissive map like shown in this ThreeJS Example.
I've tried to understand the code a little bit but I'm basically stuck. The examples are all made with ...
2
votes
0
answers
929
views
Three.js Post Processing SMAA
I am trying to implement SMAA into a Three.js project using the PostProcessing.js library (https://github.com/vanruesc/postprocessing) however;, I am having trouble doing so. As I understand it, since ...
3
votes
1
answer
3k
views
PostProccesing import issues (threejs + reactjs)
I have spent multiple hours trying to figure this out. Basically I have a Threejs scene formatted as a react component (meaning the initialization of the scene is done in ComponentDidMount() and the ...
0
votes
0
answers
548
views
Three.js TexturePass texture being stretched
I'm just picking up three.js, I've been playing around with this example: https://threejs.org/examples/?q=mask#webgl_postprocessing_masking
I don't know if this is intended but the textures used in ...
4
votes
1
answer
2k
views
Threejs / EffectComposer - Interactively masking an UnrealBloomPass
So, I am trying to dynamically mask an UnrealBloomPass with the EffectComposer and I am getting unexpected results. I am not sure if I am missing a key concept here, or if I should be trying to ...
1
vote
1
answer
292
views
Getting the weather forecast data to load in amcharts dataloader
I am very new to programming. So please bear with me.
I want to show the real time weather forecast data, specifically the temperature and precipitation vs time period using amcharts.
The weather ...
3
votes
0
answers
316
views
Three JS - sao post processing don't affected by fog
I have a scene with several objects (cubes), in that scene I'm using fog, I aplied sao post processing, but it won´t be affected by the fog ( sao is aplied over fog).
How do I make the fog affect the ...
4
votes
0
answers
605
views
Using post processing shaders on objects/groups in THREE.js
I'm trying to add some blur effects via post processing in a WebGL canvas with THREE.js.
The thing is, I need this effects only on selected objects/groups, which contain multiple other things.
For ...