HTML5 Canvas Tutorial for Beginners 필기
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.6.에 작성된 글입니다. ※ 이 글은 해당 사이트를 보고 작성한 글 입니다. 모든 HTML5 Canvas를 위한 4가지 필수 스킬들 ​ 1. Creating and Resizing your canvas (Canvas를 만들고 크기를 조절할 수 있는 능력) ​ 2. Drawing Element (요소를 그릴 수 있는 능력) ​ 3. Animating Element (정적인 요소를 움직일 수 있게하는 능력) ​ 4. Interacting with Element (이벤트에 따라 요소를 움직일 수 있게하는 능력) Lecture #1. Creating and Resizing Canvas ​ · Canvas의 사이즈 조절은 HTML attribute나 JS로 하자 ..
Cartoon Bubble + ect.
·
활동/개인 프로젝트
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.10.에 작성된 글입니다. View 디자인은 흰색바탕에 검은색 테두리를 주면 카툰느낌이 나길래 한 번 해봤다. 이번 작품을 만들어 보면서 자바스크립트로 Canvas를 사용할 때 함수들을 어떻게 관리해야 하는지, 브라우저와의 충돌판정은 어떻게 구현할 수 있는지 등 다양한 방법을 알게 된 것 같다. link Cartoon Bubble jeongwoo903.github.io 알게 된 것 HTML5 Canvas Tutorial for Beginners 필기 HTML5 Canvas Tutorial for Beginners - Chris CoursesYoutube에 있는 HTML5Canvas 강의 인... blog.naver.com ect.