반응형
canvas rain effect
-
[ JS / Canvas ] 비 내리는 효과 - rain effectJavascript/실습 2023. 2. 19. 17:53
이번에 만든 것은 canvas를 통해 구현한 비 내리는 효과입니다. 클래스를 통해 구현했으며, 총 두 가지 느낌을 표현해봤습니다. 인스턴스 생성 시 총 세 가지의 인자(효과를 입힐 대상 요소, 빗줄기 수, 빗줄기의 속도)를 받도록 했으며 이 중 빗줄기 수와 빗줄기의 속도는 디폴트값을 주어 필요시 조절하도록 했습니다. See the Pen rainEffect by OnnJE (@ogtitle) on CodePen. 1. Constructor constructor(target, intensity = 5, speed = 5) { //add canvas that same size as target element this.target = target; this.targetStyle = getComputedStyl..