WebGL

• webglcontextlost (en-US)
• webglcontextrestored (en-US)
• webglcontextcreationerror (en-US)

• WebGL 상수 (en-US)
• WebGL 자료형 (en-US)

WebGL 2는 WebGL2RenderingContext (en-US) 인터페이스를 통해 제공되는 WebGL 메이저 업데이트다. OpenGL ES 3.0 을 기반으로 하며 다음과 같은 특징을 포함한다:

• 3D textures (en-US),
• Sampler objects (en-US),
• Uniform Buffer objects (en-US),
• Sync objects (en-US),
• Query objects (en-US),
• Transform Feedback objects (en-US),
• WebGL 2의 핵심이 된 확장 기능: Vertex Array objects (en-US), instancing (en-US), multiple render targets (en-US), fragment depth (en-US).

"WebGL 2 lands in Firefox" 블로그 포스트와와 and webglsamples.org/WebGL2Samples 데모도 참고.

WebGL의 데이터 (en-US)

WebGL 코드를 작성할 때 사용하는 변수, 버퍼와 그 외 다른 형태의 데이터를 알아봅니다.

WebGL 우수 사례 (en-US)

WebGL 콘텐츠의 품질, 성능, 안정성을 높일 수 있는 팁과 제안입니다.

확장 사용 (en-US)

WebGL 확장을 사용하는 법을 알아봅니다.

WebGL 자습서

초심자를 위한 WebGL 핵심 개념입니다. WebGL을 접해보지 않았다면 여기서 시작해보세요.

기초 WebGL 2D 애니메이션 예제 (en-US)

This example demonstrates the simple animation of a one-color shape. Topics examined are adapting to aspect ratio differences, a function to build shader programs from sets of multiple shaders, and the basics of drawing in WebGL.

예제로 알아보는 WebGL (en-US)

A series of live samples with short explanations that showcase WebGL concepts and capabilities. The examples are sorted according to topic and level of difficulty, covering the WebGL rendering context, shader programming, textures, geometry, user interaction, and more.

WebGL 모델 뷰 프로젝션 (en-US)

A detailed explanation of the three core matrices that are typically used to represent a 3D object view: the model, view and projection matrices.

웹을 위한 행렬 계산 (en-US)

A useful guide to how 3D transform matrices work, and can be used on the web — both for WebGL calculations and in CSS3 transforms.

• Raw WebGL: An introduction to WebGL A talk by Nick Desaulniers that introduces the basics of WebGL. This is a great place to start if you've never done low-level graphics programming.
• Khronos WebGL site The main web site for WebGL at the Khronos Group.
• Learning WebGL A site with tutorials on how to use WebGL.
• WebGL Fundamentals A basic tutorial with fundamentals of WebGL.
• WebGL playground An online tool for creating and sharing WebGL projects. Good for quick prototyping and experimenting.
• WebGL Academy An HTML/JavaScript editor with tutorials to learn basics of webgl programming.
• WebGL Stats A site with statistics about WebGL capabilities in browsers on different platforms.

• glMatrix is a JavaScript matrix and vector library for high-performance WebGL apps.
• PhiloGL is a WebGL framework for data visualization, creative coding, and game development.
• Pixi.js is a fast, open-source 2D WebGL renderer.
• PlayCanvas is an open-source game engine.
• Sylvester is an open-source library for manipulating vectors and matrices. Not optimized for WebGL but extremely robust.
• three.js is an open-source, fully featured 3D WebGL library.
• Phaser is a fast, free and fun open source framework for Canvas and WebGL powered browser games

• Canvas API
• Compatibility info about WebGL extensions (en-US)