반응형
Canvas_Animation효과
-
JavaScript 입문 : Canvas 이론 정리 - 애니메이션 (RequestAnimationFrame : x축으로 공 움직이기)컴퓨터 알아가기/JavaScript 2022. 11. 19. 19:30
Canvas에서 놓친 이론에 대하여 항목별로 정리를 하고 있습니다. 그리기 기능을 통하여 셀프체크로 별모양과 스마일 모양을 만들어 보았습니다. 다양한 그림을 스스로 그려본다는 것은 그냥 이론만 공부하는 것 보다는 아무래도 머리속에 자신만의 방법을 익히기에 좋은 것 같습니다. 이제 본격적으로 Animation 에 대해 기본 이론을 정립하고자 합니다. 본 내용은 '1분코딩 HTML5 Canvas 라이브강좌'를 기본으로 하고 있습니다. ▒ ReaquestAnimationFrame( ) 자바스크립트에서 애니메이션을 나타내는 기본적인 방법으로는 requestAnimationFrame( )메소드와 setInterval( )메소드를 활용하는 방법이 있습니다. 두 단어에서 느낄 수 있듯이 첫번째는 프레임을 조정하는 것..