Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo@martinsevieira.adv.br>
136 lines
4.2 KiB
TypeScript
136 lines
4.2 KiB
TypeScript
import { useMemo } from "react";
|
|
import * as THREE from "three";
|
|
|
|
const SKIN = "#8fa3c8";
|
|
|
|
// Perfil do tronco (raio, altura) de baixo pra cima — vira uma superfície
|
|
// lisa e arredondada ao ser revolvido (LatheGeometry), bem mais parecido
|
|
// com um corpo de verdade do que uma caixa. Não é uma malha esculpida (não
|
|
// dá forma às costelas, escápulas etc.) — é só um contorno correto o
|
|
// bastante pra indicar plano/direção sobre uma região reconhecível, e por
|
|
// ser 100% procedural (nenhum arquivo importado) continua leve e sem
|
|
// nenhuma questão de licença, ao contrário de baixar um basemesh pronto.
|
|
const TORSO_PROFILE: [radius: number, y: number][] = [
|
|
[0.13, 0.55], // base da pelve
|
|
[0.165, 0.63], // quadril (mais largo)
|
|
[0.145, 0.75],
|
|
[0.12, 0.9], // cintura (mais estreito)
|
|
[0.135, 1.0],
|
|
[0.16, 1.12],
|
|
[0.19, 1.25], // tórax/ombros (mais largo)
|
|
[0.175, 1.36],
|
|
[0.11, 1.46], // base do pescoço
|
|
[0.065, 1.52],
|
|
];
|
|
|
|
function useTorsoGeometry() {
|
|
return useMemo(() => {
|
|
const points = TORSO_PROFILE.map(([r, y]) => new THREE.Vector2(r, y));
|
|
const geo = new THREE.LatheGeometry(points, 20);
|
|
// O tronco humano é mais largo (ombro a ombro) do que profundo
|
|
// (peito a costas) — achatando o eixo Z do sólido de revolução (que
|
|
// sai circular) a gente sai de "cilindro" pra uma seção elíptica bem
|
|
// mais realista, sem precisar de um perfil 2D por eixo.
|
|
geo.scale(1, 1, 0.62);
|
|
return geo;
|
|
}, []);
|
|
}
|
|
|
|
function Limb({
|
|
x,
|
|
topY,
|
|
midY,
|
|
bottomY,
|
|
topRadius,
|
|
bottomRadius,
|
|
footZ,
|
|
}: {
|
|
x: number;
|
|
topY: number;
|
|
midY: number;
|
|
bottomY: number;
|
|
topRadius: number;
|
|
bottomRadius: number;
|
|
footZ?: number;
|
|
}) {
|
|
const upperLength = topY - midY;
|
|
const lowerLength = midY - bottomY;
|
|
return (
|
|
<group>
|
|
{/* segmento superior (braço/coxa) */}
|
|
<mesh position={[x, midY + upperLength / 2, 0]}>
|
|
<capsuleGeometry args={[topRadius, Math.max(upperLength - topRadius * 1.6, 0.02), 4, 8]} />
|
|
<meshStandardMaterial color={SKIN} />
|
|
</mesh>
|
|
{/* segmento inferior (antebraço/perna), mais fino */}
|
|
<mesh position={[x, bottomY + lowerLength / 2, 0]}>
|
|
<capsuleGeometry args={[bottomRadius, Math.max(lowerLength - bottomRadius * 1.6, 0.02), 4, 8]} />
|
|
<meshStandardMaterial color={SKIN} />
|
|
</mesh>
|
|
{/* mão/pé — só uma cápsula achatada na ponta, o bastante pra não
|
|
"sumir" o membro no ar */}
|
|
<mesh
|
|
position={[x, bottomY - 0.03, footZ ?? 0]}
|
|
rotation={footZ ? [Math.PI / 2, 0, 0] : [0, 0, 0]}
|
|
>
|
|
<capsuleGeometry args={[bottomRadius * 0.85, footZ ? 0.09 : 0.05, 3, 6]} />
|
|
<meshStandardMaterial color={SKIN} />
|
|
</mesh>
|
|
</group>
|
|
);
|
|
}
|
|
|
|
// Boneco esquemático usado só pela página de Planos Anatômicos, pra ter
|
|
// uma silhueta humana reconhecível (tronco arredondado + membros afunilados)
|
|
// sobre a qual desenhar planos de corte e setas de direção — não precisa
|
|
// (nem deveria, pelo tamanho) da fidelidade do dataset real do Z-Anatomy,
|
|
// que é usado no Atlas e no Exame Físico via <Scene>.
|
|
export function Mannequin() {
|
|
const torsoGeometry = useTorsoGeometry();
|
|
|
|
return (
|
|
<group>
|
|
{/* cabeça */}
|
|
<mesh position={[0, 1.65, 0]}>
|
|
<sphereGeometry args={[0.115, 20, 16]} />
|
|
<meshStandardMaterial color={SKIN} />
|
|
</mesh>
|
|
{/* pescoço */}
|
|
<mesh position={[0, 1.555, 0]}>
|
|
<capsuleGeometry args={[0.055, 0.03, 3, 8]} />
|
|
<meshStandardMaterial color={SKIN} />
|
|
</mesh>
|
|
|
|
{/* tronco (revolução do perfil acima) */}
|
|
<mesh geometry={torsoGeometry}>
|
|
<meshStandardMaterial color={SKIN} />
|
|
</mesh>
|
|
|
|
{[1, -1].map((side) => (
|
|
<Limb
|
|
key={`arm-${side}`}
|
|
x={side * 0.235}
|
|
topY={1.42}
|
|
midY={1.08}
|
|
bottomY={0.83}
|
|
topRadius={0.052}
|
|
bottomRadius={0.042}
|
|
/>
|
|
))}
|
|
|
|
{[1, -1].map((side) => (
|
|
<Limb
|
|
key={`leg-${side}`}
|
|
x={side * 0.09}
|
|
topY={0.58}
|
|
midY={0.3}
|
|
bottomY={0.02}
|
|
topRadius={0.075}
|
|
bottomRadius={0.055}
|
|
footZ={0.09}
|
|
/>
|
|
))}
|
|
</group>
|
|
);
|
|
}
|