feat: Update Instances component to disable frustum culling for improved rendering of arrow geometries
This commit is contained in:
@@ -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} />
|
||||||
|
|||||||
@@ -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={() => {
|
||||||
|
|||||||
@@ -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} />
|
||||||
|
|||||||
@@ -708,7 +708,6 @@ function Point({ point }: { readonly point: Point }) {
|
|||||||
<meshBasicMaterial color="white" />
|
<meshBasicMaterial color="white" />
|
||||||
</mesh>
|
</mesh>
|
||||||
</group>
|
</group>
|
||||||
|
|
||||||
}
|
}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user