Humpalumps/Ultra-Water

어떤 프로젝트인가요?

핵심 기능

• 014개 캐스케이드에 걸친 FFT 기반 바다 파도와 모세관 잔물결.
• 02급강하 기울기, 진행하며 부서지는 파도 마루, 천수화가 적용된 해안 쇄파.
• 03시간이 지나며 적용 범위가 줄어드는 마루 백수와 레이스 포말.
• 04카우스틱, 수중 스넬의 창, 햇빛 기둥.
• 05떠 있는 상자, 통, 부표, 보트를 위한 부력 시뮬레이션.
• 06자동 해상도 조정을 지원하는 모바일 프로필.

활용 사례

• three.js 웹 장면에 사실적인 바다나 호수 배경을 추가할 때.
• WebGL2에서 FFT 바다 셰이딩, 카우스틱, 포말 기법을 살펴볼 때.
• 파도에 반응하는 보트나 부유 물체를 프로토타이핑할 때.
• 브라우저에서 GPU 렌더링 성능을 벤치마킹할 때.

빠른 시작

1. 1

   종속 항목을 설치합니다

   npm install
2. 2

   개발 서버를 시작하고 표시된 localhost URL을 엽니다

   npm run dev

사용 전 알아둘 점

• !원활한 프레임 속도를 위해 WebGL2를 지원하는 브라우저와 충분한 성능의 GPU가 필요합니다.
• !휴대폰과 태블릿의 성능은 온도와 기기에 따라 달라지며, 데스크톱 설정에서는 휴대폰에서 프레임이 떨어질 수 있습니다.

토픽

자주 묻는 질문

Ultra-Water은(는) 무엇인가요?

FFT 파도, 해안 쇄파, 포말, 카우스틱, 수중 시점, 부유 물체를 지원하는 three.js용 실시간 바다 렌더러(WebGL2). Ultra Water는 three.js와 WebGL2 기반의 실시간 바다 렌더러로, 데모용 섬 장면이 포함되어 있습니다. 파도는 4개 캐스케이드에 걸친 Tessendorf 스타일의 FFT 시뮬레이션으로 생성하며, 작은 잔물결을 위한 모세관 파동 대역도 지원합니다. 표면은 픽셀 단위로 셰이딩하고, GGX 태양광 스페큘러, 섬의 평면 반사, 굴절, Beer-Lambert 흡수를 적용합니다.

Ultra-Water은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

Ultra-Water은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

Ultra-Water은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. Ultra-Water의 마지막 커밋은 2026년 11월 2일입니다.

Ultra-Water은(는) 어디에 사용할 수 있나요?

three.js 웹 장면에 사실적인 바다나 호수 배경을 추가할 때. WebGL2에서 FFT 바다 셰이딩, 카우스틱, 포말 기법을 살펴볼 때. 파도에 반응하는 보트나 부유 물체를 프로토타이핑할 때. 브라우저에서 GPU 렌더링 성능을 벤치마킹할 때.

Ultra-Water는 어떻게 설치하나요?

종속 항목을 설치합니다: npm install 개발 서버를 시작하고 표시된 localhost URL을 엽니다: npm run dev

Ultra-Water은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Humpalumps/Ultra-Water