various tweaks and now trying to build heatmaps in two different ways

This commit is contained in:
csawatzky 2026-04-28 17:00:09 -06:00
parent 6f6a062106
commit 61aa93aabd
12 changed files with 932 additions and 244 deletions

View file

@ -16,6 +16,8 @@ export interface BaseMeshProps {
materialOverride?: React.ReactNode;
side?: Side;
depthWrite?: boolean;
depthTest?: boolean;
renderOrder?: number;
onClick?: (event: ThreeEvent<MouseEvent>) => void;
}
@ -35,6 +37,8 @@ export default function BaseMesh(props: BaseMeshProps) {
materialOverride,
side,
depthWrite = true,
depthTest = true,
renderOrder = 0,
onClick,
} = props;
@ -50,6 +54,7 @@ export default function BaseMesh(props: BaseMeshProps) {
transparent={isTransparent}
opacity={opacity}
depthWrite={depthWrite}
depthTest={depthTest}
side={side}
{...materialProps}
/>
@ -64,7 +69,8 @@ export default function BaseMesh(props: BaseMeshProps) {
roughness={roughness}
transparent={isTransparent}
opacity={opacity}
depthWrite={!isTransparent}
depthWrite={depthWrite}
depthTest={depthTest}
side={side}
{...materialProps}
/>
@ -73,7 +79,7 @@ export default function BaseMesh(props: BaseMeshProps) {
};
return (
<group position={position} rotation={rotation}>
<group position={position} rotation={rotation} renderOrder={renderOrder}>
{/* Main surface */}
<mesh geometry={geometry} onClick={onClick}>
{buildMaterial()}
@ -81,7 +87,7 @@ export default function BaseMesh(props: BaseMeshProps) {
{/* Optional wireframe overlay */}
{wireframe && (
<mesh geometry={geometry}>
<mesh geometry={geometry} renderOrder={renderOrder}>
<meshStandardMaterial
wireframe
color={frameColour}