WebGL(Web Graphics Library)ì íë¬ê·¸ì¸ì ì¬ì©íì§ ìê³ ì¹ ë¸ë¼ì°ì ìì ìí¸ìì© ê°ë¥í 3Dì 2D ê·¸ëí½ì ííí기 ìí JavaScript APIì
ëë¤. WebGLì HTML5 <canvas>
ìììì ì¬ì©í ì ìë, OpenGL ES 2.0ì ëë¶ë¶ 충족íë API를 ì ê³µí©ëë¤.
WebGLì Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+, Internet Explorer 11+, Microsoft Edge build 10240+ìì ì¬ì©í ì ììµëë¤. ê·¸ë¬ë ì¬ì©ì ì¥ì¹ì íëì¨ì´ë WebGL 기ë¥ì ì§ìí´ì¼ í©ëë¤.
<canvas>
ììë ìºë²ì¤ API를 ì¬ì©í´ ì¹ íì´ì§ìì 2D ê·¸ëí½ì 그릴 ëë ì¬ì©ë©ëë¤.
WebGL 2ë WebGL2RenderingContext
ì¸í°íì´ì¤ë¥¼ íµí´ ì ê³µëë WebGL ë©ì´ì ì
ë°ì´í¸ë¤. OpenGL ES 3.0 ì 기ë°ì¼ë¡ íë©° ë¤ìê³¼ ê°ì í¹ì§ì í¬í¨íë¤:
"WebGL 2 lands in Firefox" ë¸ë¡ê·¸ í¬ì¤í¸ìì and webglsamples.org/WebGL2Samples ë°ëª¨ë ì°¸ê³ .
ìë´ìì ììµì ìë´ìWebGL ì½ë를 ìì±í ë ì¬ì©íë ë³ì, ë²í¼ì ê·¸ ì¸ ë¤ë¥¸ ííì ë°ì´í°ë¥¼ ììë´ ëë¤.
WebGL ì½í ì¸ ì íì§, ì±ë¥, ìì ì±ì ëì¼ ì ìë íê³¼ ì ìì ëë¤.
WebGL íì¥ì ì¬ì©íë ë²ì ììë´ ëë¤.
ì´ì¬ì를 ìí WebGL íµì¬ ê°ë ì ëë¤. WebGLì ì í´ë³´ì§ ììë¤ë©´ ì¬ê¸°ì ììí´ë³´ì¸ì.
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.
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.
A detailed explanation of the three core matrices that are typically used to represent a 3D object view: the model, view and projection matrices.
A useful guide to how 3D transform matrices work, and can be used on the web â both for WebGL calculations and in CSS3 transforms.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4