[시각화 p5.js] 애니메이션 rectMode()
rectMode()rect() 함수가 사각형을 그릴 때 기준점을 설정하는 모드로 다음과 같이 활용rectMode(CORNER); rect(30, 20, 100, 50); // (30, 20)에 시작하여 너비 100, 높이 50의 사각형rectMode(CORNERS);rect(30, 20, 130, 70); // (30, 20)과 (130, 70)을 연결한 사각형rectMode(CENTER);rect(100, 100, 50, 80); // (100, 100)을 중심으로 너비 50, 높이 80의 사각형rectMode(CENTER);translate(100, 100);rotate(PI / 4); // 45도 회전rect(0, 0, 50, 50); // 회전된 사각형background(0) // 블랙 배경..
2025. 4. 1.
