3D
1.3D lib 비교(Three.js vs VTK.js)
웹 기반 3D 그래픽 구현이 쉬움조명, 그림자, 애니메이션, 카메라 컨트롤 등 다양한 기능 제공경량 라이브러리로 웹에서 빠른 로딩 가능필요한 기능만 import하여 최적화에 용이대용량 의료 데이터를 웹에서 3D로 렌더링하기에 최적화된 라이브러리WASM(WebAssemb
2.[vtk]Data pipelines(vtk 핵심 설계 철학, stl예시)
FileReader로 STL 파일 데이터를 읽음STL 파일 데이터를 ArrayBuffer 형식으로 변환vtkSTLReader가 데이터를 받아서 3D 모델로 변환vtkSTLReader(STL → PolyData 변환) \- reader.getOutputPort() →
3.[VTK.js]외부 라이브러리 wrapping하기
class uml설계 API 문서화
4.[트래블슈팅]마우스 이동 vs 키보드 이동: Undo/Redo 구현 복잡도의 차이
마우스 이동에 대한 undo/redo 구현이 키보드 이동보다 더 복잡한 이유는?핵심 차이는 "상태 복원의 대상과 시점" 때문입니다.단순히 현재 선택된 모델에 대해 deltaX, deltaY만큼 이동undo: 반대 방향으로 이동redo: 동일 방향으로 이동중요: 어떤 모
5.[Troubleshooting] 다중 모델 선택 및 드래그 인터랙션
3D 뷰어에서 여러 모델을 선택한 후 드래그를 시도할 때, 마지막으로 클릭한 모델만 이동이 적용되고 다중 선택 상태가 해제되는 문제가 발생. 이는 마우스 드래그 이벤트가 새로운 모델 선택을 트리거하여 이전의 다중 선택을 덮어쓰기 때문에 발생한 것이 원인이었음.Ctrl/
6.[VTK]카메라 시점 기준으로 3D 모델을 이동·회전시키는 방법
3D 앱에서 오브젝트를 조작할 때, 단순한 월드 좌표계 기준의 이동은 사용자가 느끼기에 어색할 수 있습니다.카메라가 보고 있는 방향 기준으로 조작할 수 있어야 진짜 사용자 친화적인 인터랙션이 됩니다.이 글에서는 카메라 시점 기준 좌표계(camera space) 를 구성
7.[트래블슈팅]vtkInteractorStyle 비활성화 -> 활성화 시 원치않는 카메라 동작
TL;DRvtk.js에서 카메라 조작은 InteractorStyle이 마지막 마우스 위치(lastPos) 를 기억했다가, 재활성화 직후 첫 이벤트에서 현재 위치와의 차이(Δ) 를 한 번에 적용하는 증분(Delta) 기반 설계이다.그래서 입력을 끄고 다시 켰을 때 첫 드
8.기획의도는 달라져도 프로젝트는 계속되어야한다..
처음 프로젝트의 목표는 특정 하드웨어를 기준으로 데이터를 자동으로 정합하는 소프트웨어를 만드는 것이었습니다. 이 하드웨어는 정합의 기준이 되어, 다양한 데이터를 입력받았을 때 자동으로 정합할 수 있도록 하는 핵심 요소였습니다.그러나 프로젝트 진행 중 두 가지 큰 문제가