p5.js를 보면 push, pop 함수가 있다.
본 함수들은 canvas의 context.save, context.restore의 기능을 따온건데,
canvas의 translate, rotate의 상태변화를 저장해 주는 역할을 한다.
즉, 두 함수 사이에다 translate, rotate 함수를 쓰면,
두 함수 밖에 있는 drawing 객체에는 적용되지 않고, 오직 두 함수 사이에 drawing 객체들만 적용되는 것이다.
push, pop 함수는 p5.js에서 애니메이션을 구현할때 생각보다 많이 쓰인다.
자세한 설명은 아래의 링크를 참고하면 된다.
https://www.youtube.com/watch?v=o9sgjuh-CBM
'Javascript' 카테고리의 다른 글
p5.js에서 복수개의 canvas함수를 그리는 법 (0) | 2017.10.24 |
---|---|
jquery에서 each 함수의 break문 (0) | 2017.10.19 |
p5.js에서 drop shadow 효과 넣기 (0) | 2017.09.21 |
convolution 필터를 구현할때 주의할 사항 (0) | 2017.09.15 |
e.preventDefault() 함수를 푸는법 (0) | 2017.08.28 |
댓글