페이지를 열면 풀 화면 웨이브 애니메이션이 표시되며 여러 웨이브 소스가 동시 원형 웨이브를 방출하여 웨이브가 만날 때 간섭 현상이 발생합니다. 웨이브 봉점이 중첩되는 곳은 더 밝고 웨이브 봉점이 만나는 곳은 어둡게 상쇄됩니다.색상은 파도의 높이에 따라 동적으로 변경됩니다.

전체 프로세스는 순수한 프런트엔드 애니메이션으로 Canvas 를 기반으로 픽셀당 각 점의 웨이브 높이의 중첩 값을 계산하여 성능 소비가 크지만 효과는 사실적입니다.파원 수, 파장, 진폭 등을 매개변수에 의해 조정할 수 있습니다.

명상 휴식을위한 배경 애니메이션, 물리학 교육 데모 또는 순수한 파동의 아름다움을 감상하기 위해 사용하기에 적합합니다.구현 원리는 고전적인 파동 방정식 중첩이며 코드는 약 300 줄입니다.

웨이브 랩은 캔버스 기반의 실시간 웨이브 간섭 애니메이션 효과로, 물파, 음파 등의 파동 현상의 중첩 및 간섭 효과를 시뮬레이션합니다.