WebGL 레슨 1 - 삼각형과 사각형. 첫 번째 WebGL 레슨에 오신것을 환영합니다. 이 학습은 게임 개발자를 위한 3D 그래픽 학습 수단으로 인기가 높은 NeHe OpenGL 두 번째 튜토리얼을 바탕으로 하고 있습니다. 고작 삼각형과 사각형이라니, 어찌보면 흥미가 떨어질만한 주제일지도 모르겠지만, 이 단원은 WebGL을 배우는 기초의 중요한 도입부입니다. 이 레슨을 이해할 수 있다면 나머지 레슨 역시 쉽게 배울 것입니다. 자, 여기에 삼각형과 사각형 그림이 있습니다. WebGL을 지원하는 브라우저를 사용중이라면 여기를 클릭하여 실재 WebGL 버전을 확인할 수 있습니다. 지원하는 브라우저에 대한 정보는 레슨 0을 참고하세요. 지금부터 작동방법에 대하여 알아봅시다. 시작에 앞서... 이 레슨은 충분한 자바스크립트 프로그래밍 지식이 있지만, 3D 그래픽 구현 경험이 없는 사람들을 대상으로 하고 있습니다. 저는 이 레슨을 스스로 학습하면서 작성했습니다. 여기에 사용된 예제의 소스코드를 얻는 방법은 두가지가 있습니다. 다른 많은 프로그램과 마찬가지로 이 WebGL 예제는 저수준 함수를 정의하는 것으로부터 시작됩니다. HTML 마크업 다음과 같은 HTML코드가 보입니다. 이것은 페이지의 body에 속한 부분입니다. 물론 <body>안에는 더욱 다양한 HTML태그를 추가하여 WebGL의 이미지를 볼 수 있습니다. Canvas 요소는 HTML5에서 새롭게 추가되었습다. WebGL 초기화 - webGLStart 이제 스크롤바를 조금 위로 올려 webGLStart() 함수를 보도록 합니다. function webGLStart() { var canvas = document.getElementById("lesson01-canvas"); initGL(canvas); initShaders(); initBuffers(); gl.clearColor(0.0, 0.0, 0.0, 1.0); gl.enable(gl.DEPTH_TEST); drawScene(); } 이러한 함수 호출을 보통 "초기화 한다.
" 버퍼설정 - initBuffers ... 한국정치, 몇 시인가 :: Chart Of The Day. Service Directory. Webplantip.com:@hyunwungjae. 모바일 컨텐츠 이야기 :: 위기관리 시나리오. Facebook Statistics by country.