인터랙티브 오일러리안 네온 유체 시뮬레이션

고성능 GPU 가속 인터랙티브 오일러리안 네온 유체 시뮬레이션을 포함한 완전한 단일 파일 HTML 문서를 작성하세요. 엄격한 기술 및 미적 요구 사항: 1. 아키텍처 및 성능: - 단일 파일: 모든 HTML, CSS, JavaScript/GLSL 셰이더를 인라인으로 포함하세요. - 외부 의존성 없음: 순수 WebGL 1.0 또는 2.0을 사용하세요(Three.js, Pixi 및 외부 라이브러리 사용 금지). - GPU 기반 유체 역학: 커스텀 프래그먼트 셰이더를 사용한 핑퐁 프레임버퍼 오브젝트(FBO)만으로 시뮬레이션을 실행해야 합니다. 다음을 구현하세요. a) 이류(속도 및 염료) b) 발산 계산 c) 압력 포아송 솔버(프레임당 자코비 반복 20~30회) d) 그래디언트 제거 / 속도 프로젝션 e) 와도 구속(난류성 소용돌이를 추가하고 유체가 밋밋하고 흐릿한 덩어리로 변하는 것을 방지) 2. 시각적 완성도(“네온 연기” 스타일): - 칠흑 같은 빈 공간 배경(`#050508`). - 염료 주입에 가산 / HDR 블렌딩을 적용하세요. - 다이내믹 팔레트: 커서를 빠르게 움직이거나 터치로 드래그할 때마다 높은 광도의 네온 염료를 주입하고, 선명한 사이버 색상(일렉트릭 시안 `#00F0FF`, 핫 마젠타 `#FF007F`, 딥 울트라바이올렛, 빛나는 골드) 사이를 부드럽게 순환시키세요. - 디스플레이 셰이더 개선: 최종 렌더 셰이더에 포스트 프로세싱 패스를 직접 포함하여 유체의 소용돌이 가장자리에 은은한 블룸/글로우, 톤 매핑, 색수차를 적용하세요. 3. 인터랙션: - 마우스 및 터치: 커서를 빠르게 움직이거나 드래그하면 마우스 속도에 비례한 속도와 함께 빛나는 고밀도 염료를 주입하세요. - 패시브 앰비언트 모션: 유휴 상태에서도 은은한 프로시저럴 컬 노이즈 또는 부드럽게 떠다니는 소용돌이를 생성하여 캔버스가 완전히 정지하지 않게 하세요. - 컨트롤: 모서리에 배치하고 비활성 상태에서는 자동으로 숨겨지는 세련되고 극도로 미니멀한 글래스모피즘 HUD를 구현하세요. * 점도 슬라이더 * 염료 감쇠 / 지속성 슬라이더 * 스플랫 반경 슬라이더 * “캔버스 지우기” 버튼 * 색상 테마를 순환하는 토글 버튼(Cyberpunk, Thermal Inferno, Bioluminescent Deep). 4. 프로덕션 완성도: - 고DPI 디스플레이와 `resize` 이벤트를 자동으로 처리하되, FBO 텍스처가 늘어나거나 초기화되지 않게 하세요. - 부동 소수점 텍스처 지원 여부를 우아하게 확인하는 폴백을 구현하세요(`OES_texture_float` / `OES_texture_half_float`). - 플레이스홀더나 잘린 주석 없이 깔끔하고 버그가 없으며 완전히 구현된 코드를 작성하세요. Chrome/Safari/Firefox에서 직접 실행할 수 있는 완성된 HTML 파일만 반환하세요.