JavaScript1 HTML Canvas Canvas를 활용한 객체지향 맛보기 위 포스팅은 js class 에 대한 기본 지식을 바탕으로 진행됩니다. class 에 대해서 잘 모르시는 분들은 이전 포스팅을 참고해주세요! Canvas란? 웹 환경에서 그래픽을 표현하기 위한 API로 그림판에 그림을 그리듯이 그래픽을 렌더링하는 것이 특징입니다. 간단한 게임 만들어보기 아래와 같이 HTML 코드를 작성하고 브라우저가 로딩되면 캔버스 노드를 불러오는 코드를 작성해줍니다. /** index.js */ window.onload = () => { const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); } 캔버스에는 그래픽을 표현할.. 2021. 2. 12. 이전 1 다음