three.js light leaking from object
I'm having an issue with three.js lighting. Not sure what am i doing wrong. I have a plane that is set to receiveShadow to try and a cube that is set to castShadow. Overall all ok until I move the light into the cube. If the light is within 70% of the center of the cube, all good, no light comes outside but if within 30% of the cube's edged it's leaking light to ouside. Is this preventable? What i mean is:
(this is ok)
this is not ok
Ok so I started reading a bit more about light properties and found out that in my case it was the following issue:
bulbLight.shadow.camera.near = 0.01;
Had to do with shadow camera frustrum. This fixed the issue. Now if the light is inside the cube (had to do with dimensions of the objects) it doesn't leak the light out. Practically speaking the light was never "fully inside" of my objects.
- ThreeJS: Subtract object B from object A
- How to add datgui controls for camera in threejs?
- outline shader only threejs
- How do I dolly or zoom using React three fiber or threejs?
- How to handle independent camera elevation in Three.js
- Property 'mesh' does not exist on type 'JSX.IntrinsicElements'
- THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness
- How can i convert a big gltf file to jsx?
- Make the child of a loaded gltf file transparent dynamically using THREE.JS
- ThreeJS FPS Movement, Stop Velocity When Key Is Released
- Make a panorama interactive with hotspots
- How does setting a buffer geometry attribute work in three_js (Flutter)?
- Add model.obj to three.MESH
- How to change the thickness of lines using Three.js
- Three js line thickness
- Three.js: way to change the up axis?
- GLTF objects doesn`t load into my react three fiber Canvas element
- Converting World coordinates to Screen coordinates in Three.js using Projection
- Why do CDN links work for some versions but not others? NS_ERROR_CORRUPTED_CONTENT
- Three.js Texture Mapping with No Scaling
- Render second scene to texture not working
- How to use rendering result of scene as texture in ThreeJS
- 360 degree rotation using orbit controls in threejs?
- How do you update a uniform In Three.js?
- How to add text into along the object using three.js
- How I can optimize React-three-fiber model?
- raycasting coordinate problems
- React three fiber using different materials on faces of cylinder
- How i can make the object steady 180 degrees?
- Using Three.js, and Rapier physics: Why does this object have a jitter on moving?