html5
-
[canvas] Canvas 튜토리얼(1)_Canvas를 활용한 게임 개발과 보안 강화Canvas 2025. 1. 5. 23:27
현재 진행 중인 프로젝트에서 게임을 개발하는 새로운 경험을 하게 되었다.그러나 게임 페이지는 웹에서도 접근 및 동작이 가능한 페이지이기에 해킹을 방지하고자 canvas로 작업하게 되었고 이번엔 작업하면서 알게 된 canvas의 특징에 대해 정리해보고자 한다.1. HTML Canvas란?HTML Canvas는 HTML5에서 도입된 그래픽을 그릴 수 있는 요소로, 자바스크립트를 사용해 픽셀 단위로 그래픽을 직접 조작할 수 있다. 요소는 벡터 기반이 아닌 비트맵 기반으로 동작하여, 정적인 이미지부터 복잡한 애니메이션, 게임, 데이터 시각화까지 다양한 콘텐츠를 구현할 수 있다. (1) Canvas의 구조와 특징Canvas는 HTML 코드에 삽입되며, 자바스크립트를 통해 다양한 그래픽 요소를 동적으로 생성한다...