canvas

패스트캠퍼스에 어떤 강의를 더 봐볼까 하다가 발견한Three.js & canvas 였습니다.3D라는게 매력적이었고 강의가 많지 않다는 점, 카카오에도 적용을하고 전망이 높다는점을 보고 강의를 바로 질렀어요,,,2/1 이후로는 비싸진다고 해서요 ㅋㅋㅋㅋconsole로 찍

파티클 그리기 > 💡이번에는 사각형이 아닌 arc를 이용해서 원을 그려볼까 합니다. canvas에서의 arc란 중심을 기준으로 반지름만큼 떨어져 원하는 각도만큼 홀을 그리는 그리는 메서드인데 원을 그릴때는 사각형과는 다르게 이 방식을 사용합니다. arc 시작하는

위 사진처럼 대각선 맨아래에 대비가 더해지는 구간이 있는데 도형들이 떨어지면서 겹치는 부분을 끈적한 이펙트로 만들고 싶을때 정말 간단하다 이렇게 대비값을 주게되면 blur의 흐릿한 부분들이 겹쳐지게 되면서 끈적이는것처럼 보일수 있다 css filter의 단점은 뒤

위처럼 gooey 이펙트를 줄 때 blur 등 값을 얼마나 줘야 하는지 바로바로 테스트 해보고 싶을때는 dat.GUI를 이용하면 된다.https://cdnjs.com/libraries/dat-gui이곳에서 script를 복사해 넣어주면 끝!js파일에서 새로운

현재 강의에서 비,눈 등 내리는 이펙트를 만들 수 있는 방법을 알려주었다. 내릴때 중력을 준것처럼 자연스럽게 하려면 * 1.03을 해 주었는데, 0.99를 곱하게 된다면 0이 되면서 서서히 멈추게 되는 이모션도 만들 수 있다.