p5.js windowWidth (1) 썸네일형 리스트형 p5.js 애니메이션을 위한 프레임 개념 및 frameRate(), frameCount 애니메이션의 원리 여러 장의 연속적인 이미지를 일정한 속도로 보여주게 되면 우리 두뇌는 망막에 남은 잔상으로 인해 이미지가 움직이는 것처럼 착각하게 된다고 한다. 출처 : https://ko.wikipedia.org/wiki/애니메이션 빨간 공이 움직이는 애니메이션은 연속된 정지 사진 6장의 모음으로 볼 수 있는데, 각각의 정지된 이미지 하나를 '프레임'이라 부른다. 이런 이미지가 1초에 몇 장 보이는지 프레임을 넘기는 속도를 가리켜 'Frame Rate', 우리말로 옮기면 프레임률이라 하며, 단위로는 'fps' 혹은 국제 표준인 'Hz'를 쓴다. sketch.js 파일의 기본 구조 p5.js 에디터에서 Sketch Files를 클릭해 보면 html, js, css로 파일로 나뉘어 있고, 그중에 sket.. 이전 1 다음