Shadows clipping with Splats

[mmattm]

Hi!

I have a strange clipping on casted shadows with Splats. This appears in my scene on specific camera angles. There is a Splat component and a transparent floor with ShadowMaterial. Also tried with ContactShadows component but got same results.
This only appears when i the Splat component is visible. Tried with other splats as well and got the same result.

Also tried to implement it with mkkellogg GaussianSplats3D dropinviewer. Same problem.

Have you already had this problem ? Is is a Shader issue ? Tried everything without success.

thanks 🙏

clipping_example_2.mov

Here is actual code tests:

`
import { Canvas } from "@react-three/fiber";
import { useRef, useState, useEffect } from "react";
import { SplatsView } from "./SplatsView";
import {
Box,
OrbitControls,
SoftShadows,
ContactShadows,
Splat,
} from "@react-three/drei";
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
import { useLoader } from "@react-three/fiber";

import "./App.css";

export default function Scene() {
const gltf = useLoader(GLTFLoader, "/models/ORIANA_FLAVIA_03.gltf");

// Traverse the GLTF model and enable shadows
useEffect(() => {
console.log("gltf", gltf);
if (gltf) {
gltf.scene.traverse((child) => {
if (child.isMesh) {
child.castShadow = true; // Enable casting shadows
child.receiveShadow = true; // Enable receiving shadows (if needed)
}
});
}
}, [gltf]);
return (
<Canvas shadows camera={{ near: 0.01, far: 1000 }}>


<directionalLight
castShadow
position={[1.5, 8, 5]}
intensity={2.5}
shadow-mapSize={1024}
>
<orthographicCamera
attach="shadow-camera"
args={[-10, 10, -10, 10, 0.1, 50]}
/>

  <group rotation={[Math.PI - 0.1, 0, 0]} position={[0, -2, 0]}>
    {/* <group > */}
    <SplatsView
      sources={["/splats/garden_high.ksplat"]}
      // sources={[
      //   "https://huggingface.co/datasets/runes/coolsplats/resolve/main/output.splat",
      // ]}
      options={[
        {
          // position: [0, 0, 0],
          // scale: [1, 1, 1],
          // rotation: [0, 0, 0, 0],
        },
      ]}
    ></SplatsView>
    {/* <Splat
      src={"/splats/garden_high.ksplat"}
      position={[-1, 0.58, 0.1]}
      rotation={[-0.1, -0.1, -0.01]} // Example rotation
      chunkSize={25000}
      // alphaTest={0.1}
      // alphaHash={false}
    /> */}
  </group>

  <ContactShadows
    position={[0, 0, 0]}
    opacity={1}
    scale={10}
    blur={0}
    far={1}
    frames={1}
  />
  <group position={[0, 0, 0]}>
    <Box args={[1, 1, 1]} position={[2, 1, 0]} castShadow receiveShadow />
    {/* <mesh
      rotation={[-Math.PI / 2, 0, 0]}
      position={[0, -0.29, 0]}
      receiveShadow
    >
      <planeGeometry args={[100, 100]} />
      <shadowMaterial opacity={1} depthWrite={false} />
    </mesh> */}
    <primitive
      object={gltf.scene}
      position={[0, 0.2, 0]}
      castShadow
      scale={0.5}
    />
  </group>
</Canvas>

);
}
`