frontend/src/3dModels/Shapes/3D/Cone.tsx
csawatzky cb6609bdb1 built out a simple framework for building 3d objects
an orbital camera and some basic shapes are used to build the 3d bin shell and the flat inventory when using manual or lidar are built
2026-04-08 09:39:42 -06:00

43 lines
No EOL
1.1 KiB
TypeScript

import { useMemo } from "react";
import * as THREE from "three";
import BaseMesh, { BaseMeshProps } from "../BaseMesh";
export interface ConeGeometry {
radius: number;
height: number;
radialSegments?: number;
heightSegments?: number;
openEnded?: boolean;
thetaStart?: number;
thetaLength?: number;
}
interface Props extends Omit<BaseMeshProps, "geometry"> {
geometry: ConeGeometry;
}
export default function Cone(props: Props) {
const { geometry } = props;
const geo = useMemo(() => {
return new THREE.ConeGeometry(
geometry.radius,
geometry.height,
geometry.radialSegments ?? 24,
geometry.heightSegments ?? 1,
geometry.openEnded ?? false,
geometry.thetaStart ?? 0,
geometry.thetaLength ?? Math.PI * 2
);
}, [
geometry.radius,
geometry.height,
geometry.radialSegments,
geometry.heightSegments,
geometry.openEnded,
geometry.thetaStart,
geometry.thetaLength
]);
return <BaseMesh {...props} geometry={geo} />;
}