fix new exam2
This commit is contained in:
1 parent
93f92d9587
commit
be94073fbb
1 file changed
+11
-3
@@ -220,14 +220,22 @@ export function ExamMarkers({
|
||||
const isSelected = p.id === selectedId;
|
||||
const color = techniqueColor(p.technique);
|
||||
return (
|
||||
<Html key={p.id} position={position} center distanceFactor={4}>
|
||||
// Sem distanceFactor de propósito: esse prop escala o elemento
|
||||
// pela distância câmera↔ponto assumindo uma escala "típica" de
|
||||
// cena — como não sabemos a escala real do modelo do Z-Anatomy
|
||||
// (pode estar em cm, m, ou outra unidade arbitrária), a bolinha
|
||||
// podia estar sendo desenhada com um tamanho ínfimo (perto de
|
||||
// zero px) sem erro nenhum no console. Sem esse prop, o marcador
|
||||
// sempre tem o mesmo tamanho em pixels na tela, não importa a
|
||||
// escala/distância — só a posição usa a projeção 3D.
|
||||
<Html key={p.id} position={position} center>
|
||||
<button
|
||||
onClick={() => onSelect(p.id)}
|
||||
title={p.name}
|
||||
className="w-4 h-4 rounded-full border-2 border-white/80 transition-transform hover:scale-125"
|
||||
className="w-5 h-5 rounded-full border-2 border-white shadow-lg transition-transform hover:scale-125"
|
||||
style={{
|
||||
backgroundColor: color,
|
||||
boxShadow: isSelected ? `0 0 0 5px ${color}55` : undefined,
|
||||
boxShadow: isSelected ? `0 0 0 6px ${color}66` : "0 1px 4px rgba(0,0,0,0.6)",
|
||||
transform: isSelected ? "scale(1.4)" : undefined,
|
||||
}}
|
||||
/>
|
||||
|
||||
Reference in new issue
Block a user