CI CHEESU IN / portfolio
online v2026.05 00:00:00 KST
Back to index
P-02 · 의료영상 · 3D · POC

혈관 3D 렌더링 POC

HQN 혈관 좌표 데이터를 기반으로 한 3D 인터랙티브 렌더링. 드래그로 회전하고 Slice Plane으로 단면을 확인하세요.

RENDERING Canvas 2D · 3D Math 2025 · Neurophet HQN POC
/ 01At a glance
노드 수18
분지점7
탭 전환 단축60~70%
렌더링Canvas 2D
/ 02Interactive 3D Viewer
Vessel Tree · 3D
realtime
RX RY ZOOM1.0×
VIEW · 3D / VOLUMETRICPATIENT-001 · MIP
SCALE 1.0×BRANCHES 7
HOVER:
X · Y · Z
Slice plane offset0
Vessel thickness2.0
Vessel Tree
18 nodes
Selected node
ID
Label
Coord (mm)
Radius
Branch depth
Type
/ 03Multi-planar Reconstruction

혈관 좌표를 세 축(Axial · Sagittal · Coronal)에 동시에 투영한 단면 미리보기.

Axial
Z = 0
Sagittal
X = 0
Coronal
Y = 0
/ 04설계 포인트
/ A

Vessel Diagram 시스템

기존에 없던 혈관 도식도를 처음부터 설계. 혈관 그룹화·병합·정렬, 분지점 계산, 벡터 로직 직접 구현.

/ B

VTK.js + Canvas 하이브리드

3D 좌표 인터랙션은 VTK.js, 툴팁·도식도는 Canvas 2D로 직접 렌더링해 성능 저하 최소화.

/ C

NeuroSlice 뷰어 연동

도식도에서 노드를 선택하면 NeuroSlice 단면 영상에서 같은 좌표로 점프. 양방향 동기화.

/ D

지연 로딩 구조 변경

전체 데이터를 미리 파싱하던 구조를 탭별 lazy 파싱으로 전환. 200~500ms → 50~150ms.

/ E

축 변경 최적화

행렬 재계산 캐시화. 평균 1초 → 0.5초.

/ F

Block Shuffle 복호화

Dynapex용 NIfTI Block Shuffle 복호화 유틸리티 개발.