clearRect()1 HTML5 Canvas 성능저하 및 랙 이슈 해결 개요 현재 개발 중인 포트폴리오 사이트에 이전에 제작했던 토이 프로젝트인 Wave를 추가할 때 발생한 문제이다. 아래는 기존에 제작한 Wave 프로젝트의 간략한 설명이다. Wave HTML5 + Javascript App : canvas 생성, 메서드 생성, WaveGroup 생성 WaveGroup : 지정한 wave와 point 개수에 맞춰 파도 각각의 색상과 포인트 지정 후 Wave 생성 Wave : canvas context에 파도를 그린다. 화면 크기 변화 시 각 파도를 resize 한다. 기존 프로젝트의 경우 파도의 갯수와 파도의 높이를 결정하는 waveCount와 pointCount를 WaveGroup 내부에서 하드 코딩하여 미리 지정하고 생성하여, 처음 한 번 canvas를 그릴 때 Wave.. 2021. 11. 26. 이전 1 다음
