brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

9
src/bin/3dView/Systems/Cables/GrainCable.tsx
View file

@ -10,11 +10,12 @@ interface Props {
cable: CableData
nodes: NodeData[]
bin: Bin
binCenter: Vector3
binCenter: Vector3,
renderOrder?: number,
onNodeClick?: (node: NodeData) => void
}
export default function GrainCable(props: Props) {
const {cable, nodes, bin, binCenter, onNodeClick} = props
const {cable, nodes, bin, binCenter, onNodeClick, renderOrder} = props
const calculateHeight = () => {
return cable.topPosition.distanceTo(cable.bottomPosition)
@ -39,9 +40,9 @@ export default function GrainCable(props: Props) {
return (
<React.Fragment>
<Cylinder geometry={geometry} position={calculateCenter()} opacity={0.5}/>
<Cylinder geometry={geometry} position={calculateCenter()} opacity={0.5} renderOrder={renderOrder} depthWrite={false} depthTest={false}/>
{nodes.map((node, i) => (
<CableNode onNodeClick={onNodeClick} key={"node " + i} node={node} binCenter={binCenter} lowerThreshold={bin.lowerTempThreshold()} upperThreshold={bin.upperTempThreshold()}/>
<CableNode onNodeClick={onNodeClick} key={"node " + i} renderOrder={renderOrder} node={node} binCenter={binCenter} lowerThreshold={bin.lowerTempThreshold()} upperThreshold={bin.upperTempThreshold()}/>
))}
</React.Fragment>
)