본문 바로가기

728x90

cos()

(2)
p5.js 애니메이션을 위한 변형(transform) 함수 3 - 객체 회전 rotate() p5.js 애니메이션을 위한 변형(transform) 함수 3 - 객체 회전 rotate() p5.js 애니메이션을 위한 변형(transform) 함수에는 translate(), scale(), rotate()가 있다. 지난 포스팅의 scale 함수에 이어 이번에는 rotate 함수에 대해 알아보자. rotate() - 객체 회전 scale 함수의 기본 문법은 rotate(angle, [axis])이다. angle : 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 회전각. 양수를 입력할 경우 시계 방향으로 객체를 회전 시킴 axis : p5.Vector|숫자 배열[]: (3D의 경우,) 회전축 (선택 사항) translate, scale 함수와 마..
p5.js 애니메이션을 위한 변형(transform) 함수 2 - 객체 크기 조정 scale() p5.js 애니메이션을 위한 변형(transform) 함수 2 - 객체 크기 조정 scale() p5.js 애니메이션을 위한 변형(transform) 함수에는 translate(), scale(), rotate()가 있다. 지난 포스팅의 translate 함수에 이어 이번에는 scale 함수에 대해 알아보자. scale() - 객체 크기 조정 scale 함수의 기본 문법은 scale(s, [y], [z])이다. S : 객체 크기를 조정하는 백분율. 여러 인수 지정 시에는 x축(가로축)에서의 객체 크기 배율을 조정하는 백분율 예) scale(1.0) 함수를 호출하면 100% 그대로이기 때문에 도형의 크기에 변화가 없음 예) scale(2.0) 함수를 호출하면 도형의 크기를 가로 세로 배율 200% 증가 시..

반응형