various tweaks and now trying to build heatmaps in two different ways
This commit is contained in:
parent
6f6a062106
commit
61aa93aabd
12 changed files with 932 additions and 244 deletions
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue