Project Study

브라우저 기반 댐 붕괴 시뮬레이션을 한층 정돈된 기술 사례 연구로 재구성하다.

본래 2023년 고급 그래픽스 수업을 위해 개발했던 이 작업을, 이번 개정판에서는 가장 핵심적인 아이디어인 가속화된 이웃 질의를 갖춘 입자 기반 유체 운동을 그대로 유지하면서, 한결 차분하고 들여다보기 쉬운 인터페이스로 제시한다.

JavaScript + Canvas Particle fluid solver Spatial hashing Interactive controls

범위

오래된 과제를 수업 제출물이 아니라 시뮬레이션 작업으로 읽히도록 재구성한다.

방법

댐 붕괴 설정을 그대로 두고, 국소 공간 해싱을 보존하며, 들여다보기와 제어를 중심으로 프레젠테이션을 다시 구성한다.

결과

관람자가 프리셋을 비교하고, 솔버 매개변수를 조정하며, 흐름을 직접 휘저을 수 있는 독립 실행형 브라우저 데모.

개요

이 작업은 시뮬레이션과 시각 컴퓨팅의 교차점에 놓여 있다. 벽 뒤에서 유체 덩어리가 풀려나고, 입자들이 중력을 받아 가속되며, 국소 밀도는 인근 상호작용을 통해 보정되고, 장면 전체가 브라우저에서 곧바로 실행된다. 포트폴리오 버전은 과제라는 틀에는 비중을 덜 두고, 이 구현을 흥미롭게 만드는 요소, 즉 실시간 거동, 공간 분할, 그리고 대화형 점검에 초점을 맞춘다.

포트폴리오 버전에서 달라진 점

  • 이제 프로젝트는 과제 명칭 대신 내용을 설명하는 제목을 단다.
  • 데모는 자체 인터페이스, 프리셋, 실시간 지표를 갖춘 작은 독립 실행형 산출물로 다시 만들어졌다.
  • 프레젠테이션은 리뷰어에게 가장 중요한 엔지니어링 결정, 즉 입자 수, 솔버 하위 스텝, 충돌 거동, 이웃 가속을 부각한다.
  • 상호작용 모델이 한층 강화되었다. 관람자는 일시정지, 초기화, 밀도 프리셋 전환을 할 수 있고, 물을 드래그해 시뮬레이션을 휘저을 수 있다.

기술 노트

  • 이웃 질의는 공간 해시로 가속되어, 솔버가 모든 입자 쌍을 따지는 대신 인근 입자만을 고려한다.
  • 장면은 의도적으로 경계가 정해지고 양식화되어 있다. 차수벽, 작은 집 형상, 그리고 알맞게 조정된 월드 스케일이 운동을 읽기 쉽게 만든다.
  • 포트폴리오 패스는 원본 2023년 제출물에 대한 엄밀한 보존성보다 명료성과 반응성을 우선한다. 이는 동일한 핵심 아이디어를 한층 정돈하여 재해석한 것이다.

다음 단계

  • 밀도나 속도를 히트맵으로 시각화하는 두 번째 비교 모드를 추가한다.
  • 각 프리셋의 입자 수를 평균 프레임 시간과 비교하는 짧은 벤치마크 표를 기록한다.
  • 대안적인 장애물 배치로 장면을 확장하여 프로젝트가 작은 시뮬레이션 실험실처럼 읽히도록 한다.