YongWook's Notes

HTML5와 Javascript를 이용하여 WebGL기반 그림판을 만들어 보았다. 코드는 다음의 링크에서 볼 수 있다. https://github.com/YongWookHa/drawingBoard/blob/master/drawingBoard.html script부분을 별도 파일로 분리하지 않아 조금 지저분한 면이 있지만 간략적인 설명을 하자면 다음과 같다.그래픽 구현은 HTML5에서 지원하는 canvas 태그 위에서 이루어진다. 여기서, Graphic은 context.beginPath()로 시작하여 좌표를 이용하여 그리고 싶은 내용을 논리적으로 묘사 해놓고 context.stroke()를 통해 canvas상에 나타내는 구조로 구현된다. 원하는 그림을 그린 후에는 context.closePath()로 작업..