Syng Yang - canvas text mouse eventCanvas -Text-Mouse Event

1. index.html에 연결된 js파일에 OOP로 class Particle 과 Effect 두 개로 나누어 만들고, 입력 텍스트를 화면 전체로 흩트렸다가 일정한 속도로 화면 중앙에 모여들며 완성해나간다. (index-beginer.html 에서는 분할 텍스트 센터링)

2. 이후 마우스를 움직여 마우스의 일정한 반경에 있는 글자의 파티클을 재 분산하고 멀어지면 다시 모여 텍스트를 형성한다.

3. 속도, 그라데이션, 폰트 종류 및 크기 등은 자유롭게 조정 가능함.

4. Math.random(), Math.sqrt(), Math.atan2() 를 사용하여, 파티클을 분산시키고, 거리 및 각도를 계산하여 마우스 와 가까운 픽셀에 변화를 주었다,