So react three fiber has turned the progressive shadow example into an excellent shadow catcher Faucets, select highlight - CodeSandbox Baking soft shadows - CodeSandbox [screen] Was wondering how i would go about doing the same in three js ? or is this even a valid application ? and is there …

one version done for now [image] "Progressive-Shadows" a vanilla js implementation of r3F AccumulativeShadows Showcase After many trials a vanilla three js implementation of r3f’s cool AccumulativeShadows is finally ready ! demo links https://vis-prime.github.io/progre…

i am looking at the threejs/jsm example in question, or most jsm examples for that matter, and what i see are classes that make the environment conform to their needs. if i can help with the shadow catcher, turning it into something more generic, gladly. otherwise, always enjoy to discuss with you! …

Yes I agree that some of the three.js examples are not always all that elegant :sweat_smile: But I think this still speaks to the history of them which has classically been legitimate examples vs designed, reusable code. And I agree that making streamlined patterns for classes is more difficult beca…

Another attempt at this changes: Not adding the monkey and sphere into the potpack part. (doing a simple name to check skip these meshes) Shadow calculation is done on button click instead of in the render loop. Clear is done by disposing the renderTargets. Rest of the code is the same …

looking good. the potpack stuff, i have completely removed it in my version, it is not needed for anything that i could see. after clearing that out the code became a lot more manageable. i would still recommend comparing notes against the r3f thing now that you have it working. i changed the shad…

Hey! Looking Great. And to answer your question, I have not gone in this route … I was going to, but then I have to switch to some other stuff as per my work requirement. Your result look promising. Looking forward to trying it out.

Another update changes potpack removed uv2 not required if lightMaptexture is not applied on material.lightMap uvMat replaced with targetMat from r3f AccumulativeShadows random lights and the shadow catching plane are made in the class itself uv edge blurring logic removed tried to do the r3f lo…

the softshadowmaterial accumulates alpha, you use it like this: update: (frames = 100) => { // Adapt the opacity-blend ratio to the number of frames const material = gPlane.current.material material.opacity = Math.min(opacity, material.opacity + opacity / frames) material.alphaTest = Math.m…

the blending method if works will be amazing :crossed_fingers: using the same options from caustics , the resulting image got brighter/overexposed , then i tried most of some other options the one looking closest to the correct result was when i used new MeshStandardMaterial({ color: 0…

i see, there was a chart somewhere in the threejs docs explaining all the various combinations. im sure one must work with color retention, if you find it i would love to use that in drei as well. btw i would recommend using meshLambert for the catcher plane/material, because it doesn’t get specular…

Another update using blendModes to make shadowMesh transparent did not work as expected :smiling_face_with_tear: SoftShadowMaterial from AccumulativeShadows is working nicely ! :partying_face: :v: tried the AccumulativeShadows style of rendering the shadows in the same scene again, but screen …

Progressive lightMap as Floor Shadow Catcher

Questions

orion_prime February 21, 2023, 8:58am 28

one version done for now

Topic		Replies	Views
Accumulative Shadow from r3f to vanilla Threejs Questions shadows , baked	5	3029	November 9, 2022
Pmndrs drei vanilla: Questions on baking a static shadow map Questions shadows , drei , shadowmap	10	1002	March 4, 2024
Blurred reflections Questions materials , shaders	36	9082	February 6, 2023
Performant soft shadows THREE Js Questions shadows , baked , soft-shadow	12	12008	January 16, 2024
How can i "bake" a shadow onto a planeGeometry? Questions shadows , texture-baking	7	3907	August 24, 2023

Progressive lightMap as Floor Shadow Catcher

Related topics