feat: Update Instances component to disable frustum culling for improved rendering of arrow geometries

This commit is contained in:
2025-08-01 10:13:19 +05:30
parent 0804c22a0b
commit 9a4f3c9d91
4 changed files with 2 additions and 4 deletions

View File

@@ -87,7 +87,7 @@ function ArrowsAisle({ aisle }: { readonly aisle: Aisle }) {
setSelectedAisle(null); setSelectedAisle(null);
}} }}
> >
<Instances geometry={arrowGeometry}> <Instances geometry={arrowGeometry} frustumCulled={false}>
<meshStandardMaterial color={aisle.type.aisleColor || '#ffffff'} side={THREE.DoubleSide} /> <meshStandardMaterial color={aisle.type.aisleColor || '#ffffff'} side={THREE.DoubleSide} />
{arrowInstances.map(({ position, rotation }, i) => ( {arrowInstances.map(({ position, rotation }, i) => (
<Instance key={i} position={position} rotation={rotation} /> <Instance key={i} position={position} rotation={rotation} />

View File

@@ -47,7 +47,6 @@ function DottedAisle({ aisle }: { readonly aisle: Aisle }) {
uuid={aisle.aisleUuid} uuid={aisle.aisleUuid}
ref={aisleRef} ref={aisleRef}
position={[0, (aisle.points[0].layer - 1) * Constants.wallConfig.height + 0.01, 0]} position={[0, (aisle.points[0].layer - 1) * Constants.wallConfig.height + 0.01, 0]}
rotation={[0, 0, 0]}
userData={aisle} userData={aisle}
onDoubleClick={handleClick} onDoubleClick={handleClick}
onPointerMissed={() => { onPointerMissed={() => {

View File

@@ -455,7 +455,7 @@ function ArrowsAisle({ aisle }: { readonly aisle: Aisle }) {
<group <group
position={[0, (aisle.points[0].layer - 1) * Constants.wallConfig.height + 0.01, 0]} position={[0, (aisle.points[0].layer - 1) * Constants.wallConfig.height + 0.01, 0]}
> >
<Instances geometry={arrowGeometry} limit={100}> <Instances geometry={arrowGeometry} frustumCulled={false}>
<meshStandardMaterial color={aisle.type.aisleColor || '#ffffff'} side={THREE.DoubleSide} /> <meshStandardMaterial color={aisle.type.aisleColor || '#ffffff'} side={THREE.DoubleSide} />
{arrowInstances.map(({ position, rotation }, i) => ( {arrowInstances.map(({ position, rotation }, i) => (
<Instance key={i} position={position} rotation={rotation} /> <Instance key={i} position={position} rotation={rotation} />

View File

@@ -708,7 +708,6 @@ function Point({ point }: { readonly point: Point }) {
<meshBasicMaterial color="white" /> <meshBasicMaterial color="white" />
</mesh> </mesh>
</group> </group>
} }
</> </>
); );