dart:web_gl library

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"> <meta name="description" content="dart:web_gl library API docs, for the Dart programming language."> <title>dart:web_gl library - Dart API</title> <link rel="canonical" href="https://api.dart.dev/dart-web_gl"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" rel="stylesheet"> <link rel="stylesheet" href="../static-assets/github.css?v1"> <link rel="stylesheet" href="../static-assets/styles.css?v1"> <link rel="icon" href="../static-assets/favicon.png?v1">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VVQ8908SJ5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VVQ8908SJ5'); </script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400&family=Google+Sans:wght@500&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400&family=Google+Sans:wght@500&display=swap"> <link rel="stylesheet" href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css"> </head> <body data-base-href="../" data-using-base-href="false" class="light-theme"> <div id="overlay-under-drawer"></div> <header id="title"> <span id="sidenav-left-toggle" class="material-symbols-outlined" role="button" tabindex="0">menu</span> <ol class="breadcrumbs gt-separated dark hidden-xs"> <li><a href="../index.html">Dart</a></li> <li class="self-crumb"><span class="deprecated">dart:web_gl</span></li> </ol> <div class="self-name">dart:web_gl</div> <form class="search navbar-right" role="search"> <input type="text" id="search-box" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search..."> </form> <div class="toggle" id="theme-button" title="Toggle brightness"> <label for="theme"> <input type="checkbox" id="theme" value="light-theme"> <span id="dark-theme-button" class="material-symbols-outlined"> dark_mode </span> <span id="light-theme-button" class="material-symbols-outlined"> light_mode </span> </label> </div> </header> <main> <div id="dartdoc-main-content" class="main-content" data-above-sidebar="" data-below-sidebar="dart-web_gl/dart-web_gl-library-sidebar.html"> <div> <div id="external-links" class="btn-group"><a title="View source code" class="source-link" href="https://github.com/dart-lang/sdk/blob/9594995093f642957b780603c6435d9e7a61b923/sdk/lib/web_gl/dart2js/web_gl_dart2js.dart#L14"><span class="material-symbols-outlined">description</span></a></div> <h1> <span class="kind-library">dart:web_gl</span> library </h1> </div> <section class="desc markdown"> <p>3D programming in the browser.</p> <div class="markdown-alert markdown-alert-note"> <p class="markdown-alert-title">Note</p> <p>New projects should prefer to use <a href="https://pub.dev/packages/web">package:web</a>. For existing projects, see our <a href="https://dart.dev/go/package-web">migration guide</a>.</p> </div> </section> <section class="summary offset-anchor" id="classes"> <h2>Classes</h2> <dl> <dt id="ActiveInfo"> <span class="name "><a href="../dart-web_gl/ActiveInfo-class.html">ActiveInfo</a></span> </dt> <dd> </dd> <dt id="AngleInstancedArrays"> <span class="name "><a href="../dart-web_gl/AngleInstancedArrays-class.html">AngleInstancedArrays</a></span> </dt> <dd> </dd> <dt id="Buffer"> <span class="name "><a href="../dart-web_gl/Buffer-class.html">Buffer</a></span> </dt> <dd> </dd> <dt id="Canvas"> <span class="name "><a href="../dart-web_gl/Canvas-class.html">Canvas</a></span> </dt> <dd> </dd> <dt id="ColorBufferFloat"> <span class="name "><a href="../dart-web_gl/ColorBufferFloat-class.html">ColorBufferFloat</a></span> </dt> <dd> </dd> <dt id="CompressedTextureAstc"> <span class="name "><a href="../dart-web_gl/CompressedTextureAstc-class.html">CompressedTextureAstc</a></span> </dt> <dd> </dd> <dt id="CompressedTextureAtc"> <span class="name "><a href="../dart-web_gl/CompressedTextureAtc-class.html">CompressedTextureAtc</a></span> </dt> <dd> </dd> <dt id="CompressedTextureEtc"> <span class="name "><a href="../dart-web_gl/CompressedTextureEtc-class.html">CompressedTextureEtc</a></span> </dt> <dd> </dd> <dt id="CompressedTextureETC1"> <span class="name "><a href="../dart-web_gl/CompressedTextureETC1-class.html">CompressedTextureETC1</a></span> </dt> <dd> </dd> <dt id="CompressedTexturePvrtc"> <span class="name "><a href="../dart-web_gl/CompressedTexturePvrtc-class.html">CompressedTexturePvrtc</a></span> </dt> <dd> </dd> <dt id="CompressedTextureS3TC"> <span class="name "><a href="../dart-web_gl/CompressedTextureS3TC-class.html">CompressedTextureS3TC</a></span> </dt> <dd> </dd> <dt id="CompressedTextureS3TCsRgb"> <span class="name "><a href="../dart-web_gl/CompressedTextureS3TCsRgb-class.html">CompressedTextureS3TCsRgb</a></span> </dt> <dd> </dd> <dt id="ContextEvent"> <span class="name "><a href="../dart-web_gl/ContextEvent-class.html">ContextEvent</a></span> </dt> <dd> </dd> <dt id="DebugRendererInfo"> <span class="name "><a href="../dart-web_gl/DebugRendererInfo-class.html">DebugRendererInfo</a></span> </dt> <dd> </dd> <dt id="DebugShaders"> <span class="name "><a href="../dart-web_gl/DebugShaders-class.html">DebugShaders</a></span> </dt> <dd> </dd> <dt id="DepthTexture"> <span class="name "><a href="../dart-web_gl/DepthTexture-class.html">DepthTexture</a></span> </dt> <dd> </dd> <dt id="DrawBuffers"> <span class="name "><a href="../dart-web_gl/DrawBuffers-class.html">DrawBuffers</a></span> </dt> <dd> </dd> <dt id="ExtBlendMinMax"> <span class="name "><a href="../dart-web_gl/ExtBlendMinMax-class.html">ExtBlendMinMax</a></span> </dt> <dd> </dd> <dt id="ExtColorBufferFloat"> <span class="name "><a href="../dart-web_gl/ExtColorBufferFloat-class.html">ExtColorBufferFloat</a></span> </dt> <dd> </dd> <dt id="ExtColorBufferHalfFloat"> <span class="name "><a href="../dart-web_gl/ExtColorBufferHalfFloat-class.html">ExtColorBufferHalfFloat</a></span> </dt> <dd> </dd> <dt id="ExtDisjointTimerQuery"> <span class="name "><a href="../dart-web_gl/ExtDisjointTimerQuery-class.html">ExtDisjointTimerQuery</a></span> </dt> <dd> </dd> <dt id="ExtDisjointTimerQueryWebGL2"> <span class="name "><a href="../dart-web_gl/ExtDisjointTimerQueryWebGL2-class.html">ExtDisjointTimerQueryWebGL2</a></span> </dt> <dd> </dd> <dt id="ExtFragDepth"> <span class="name "><a href="../dart-web_gl/ExtFragDepth-class.html">ExtFragDepth</a></span> </dt> <dd> </dd> <dt id="ExtShaderTextureLod"> <span class="name "><a href="../dart-web_gl/ExtShaderTextureLod-class.html">ExtShaderTextureLod</a></span> </dt> <dd> </dd> <dt id="EXTsRgb"> <span class="name "><a href="../dart-web_gl/EXTsRgb-class.html">EXTsRgb</a></span> </dt> <dd> </dd> <dt id="ExtTextureFilterAnisotropic"> <span class="name "><a href="../dart-web_gl/ExtTextureFilterAnisotropic-class.html">ExtTextureFilterAnisotropic</a></span> </dt> <dd> </dd> <dt id="Framebuffer"> <span class="name "><a href="../dart-web_gl/Framebuffer-class.html">Framebuffer</a></span> </dt> <dd> </dd> <dt id="GetBufferSubDataAsync"> <span class="name "><a href="../dart-web_gl/GetBufferSubDataAsync-class.html">GetBufferSubDataAsync</a></span> </dt> <dd> </dd> <dt id="LoseContext"> <span class="name "><a href="../dart-web_gl/LoseContext-class.html">LoseContext</a></span> </dt> <dd> </dd> <dt id="OesElementIndexUint"> <span class="name "><a href="../dart-web_gl/OesElementIndexUint-class.html">OesElementIndexUint</a></span> </dt> <dd> </dd> <dt id="OesStandardDerivatives"> <span class="name "><a href="../dart-web_gl/OesStandardDerivatives-class.html">OesStandardDerivatives</a></span> </dt> <dd> </dd> <dt id="OesTextureFloat"> <span class="name "><a href="../dart-web_gl/OesTextureFloat-class.html">OesTextureFloat</a></span> </dt> <dd> </dd> <dt id="OesTextureFloatLinear"> <span class="name "><a href="../dart-web_gl/OesTextureFloatLinear-class.html">OesTextureFloatLinear</a></span> </dt> <dd> </dd> <dt id="OesTextureHalfFloat"> <span class="name "><a href="../dart-web_gl/OesTextureHalfFloat-class.html">OesTextureHalfFloat</a></span> </dt> <dd> </dd> <dt id="OesTextureHalfFloatLinear"> <span class="name "><a href="../dart-web_gl/OesTextureHalfFloatLinear-class.html">OesTextureHalfFloatLinear</a></span> </dt> <dd> </dd> <dt id="OesVertexArrayObject"> <span class="name "><a href="../dart-web_gl/OesVertexArrayObject-class.html">OesVertexArrayObject</a></span> </dt> <dd> </dd> <dt id="Program"> <span class="name "><a href="../dart-web_gl/Program-class.html">Program</a></span> </dt> <dd> </dd> <dt id="Query"> <span class="name "><a href="../dart-web_gl/Query-class.html">Query</a></span> </dt> <dd> </dd> <dt id="Renderbuffer"> <span class="name "><a href="../dart-web_gl/Renderbuffer-class.html">Renderbuffer</a></span> </dt> <dd> </dd> <dt id="RenderingContext"> <span class="name "><a href="../dart-web_gl/RenderingContext-class.html">RenderingContext</a></span> </dt> <dd> </dd> <dt id="RenderingContext2"> <span class="name "><a href="../dart-web_gl/RenderingContext2-class.html">RenderingContext2</a></span> </dt> <dd> </dd> <dt id="Sampler"> <span class="name "><a href="../dart-web_gl/Sampler-class.html">Sampler</a></span> </dt> <dd> </dd> <dt id="Shader"> <span class="name "><a href="../dart-web_gl/Shader-class.html">Shader</a></span> </dt> <dd> </dd> <dt id="ShaderPrecisionFormat"> <span class="name "><a href="../dart-web_gl/ShaderPrecisionFormat-class.html">ShaderPrecisionFormat</a></span> </dt> <dd> </dd> <dt id="Sync"> <span class="name "><a href="../dart-web_gl/Sync-class.html">Sync</a></span> </dt> <dd> </dd> <dt id="Texture"> <span class="name "><a href="../dart-web_gl/Texture-class.html">Texture</a></span> </dt> <dd> </dd> <dt id="TimerQueryExt"> <span class="name "><a href="../dart-web_gl/TimerQueryExt-class.html">TimerQueryExt</a></span> </dt> <dd> </dd> <dt id="TransformFeedback"> <span class="name "><a href="../dart-web_gl/TransformFeedback-class.html">TransformFeedback</a></span> </dt> <dd> </dd> <dt id="UniformLocation"> <span class="name "><a href="../dart-web_gl/UniformLocation-class.html">UniformLocation</a></span> </dt> <dd> </dd> <dt id="VertexArrayObject"> <span class="name "><a href="../dart-web_gl/VertexArrayObject-class.html">VertexArrayObject</a></span> </dt> <dd> </dd> <dt id="VertexArrayObjectOes"> <span class="name "><a href="../dart-web_gl/VertexArrayObjectOes-class.html">VertexArrayObjectOes</a></span> </dt> <dd> </dd> <dt id="WebGL"> <span class="name "><a href="../dart-web_gl/WebGL-class.html">WebGL</a></span> </dt> <dd> Amalgamation of the WebGL constants from the IDL interfaces in WebGLRenderingContextBase, WebGL2RenderingContextBase, & WebGLDrawBuffers. Because the RenderingContextBase interfaces are hidden they would be replicated in more than one class (e.g., RenderingContext and RenderingContext2) to prevent that duplication these 600+ constants are defined in one abstract class (WebGL). </dd> </dl> </section> </div>  <div id="dartdoc-sidebar-left" class="sidebar sidebar-offcanvas-left">  <header id="header-search-sidebar" class="hidden-l"> <form class="search-sidebar" role="search"> <input type="text" id="search-sidebar" autocomplete="off" disabled class="form-control typeahead" placeholder="Loading search..."> </form> </header> <ol class="breadcrumbs gt-separated dark hidden-l" id="sidebar-nav"> <li><a href="../index.html">Dart</a></li> <li class="self-crumb"><span class="deprecated">dart:web_gl</span></li> </ol> <h5><span class="package-name">Dart</span> <span class="package-kind">SDK</span></h5> <ol> <li class="section-title">Libraries</li> <li class="section-subtitle">Core</li> <li class="section-subitem"><a href="../dart-async">dart:async</a></li> <li class="section-subitem"><a href="../dart-collection">dart:collection</a></li> <li class="section-subitem"><a href="../dart-convert">dart:convert</a></li> <li class="section-subitem"><a href="../dart-core">dart:core</a></li> <li class="section-subitem"><a href="../dart-developer">dart:developer</a></li> <li class="section-subitem"><a href="../dart-math">dart:math</a></li> <li class="section-subitem"><a href="../dart-typed_data">dart:typed_data</a></li> <li class="section-subtitle">VM</li> <li class="section-subitem"><a href="../dart-ffi">dart:ffi</a></li> <li class="section-subitem"><a href="../dart-io">dart:io</a></li> <li class="section-subitem"><a href="../dart-isolate">dart:isolate</a></li> <li class="section-subitem"><a href="../dart-mirrors">dart:mirrors</a></li> <li class="section-subtitle">Web</li> <li class="section-subitem"> <a href="https://pub.dev/documentation/web/latest/" target="_blank"> package:web <span class="material-symbols-outlined">open_in_new</span> </a> </li> <li class="section-subitem"><a href="../dart-js_interop">dart:js_interop</a></li> <li class="section-subitem"><a href="../dart-js_interop_unsafe">dart:js_interop_unsafe</a></li> <li class="section-subtitle">Web (Legacy)</li> <li class="section-subitem"><a class="deprecated" href="../dart-html">dart:html</a></li> <li class="section-subitem"><a class="deprecated" href="../dart-indexed_db">dart:indexed_db</a></li> <li class="section-subitem"><a class="deprecated" href="../dart-js">dart:js</a></li> <li class="section-subitem"><a class="deprecated" href="../dart-js_util">dart:js_util</a></li> <li class="section-subitem"><a class="deprecated" href="../dart-svg">dart:svg</a></li> <li class="section-subitem"><a class="deprecated" href="../dart-web_audio">dart:web_audio</a></li> <li class="section-subitem"><a class="deprecated" href="../dart-web_gl">dart:web_gl</a></li> </ol> </div> <div id="dartdoc-sidebar-right" class="sidebar sidebar-offcanvas-right"> <h5>dart:web_gl library</h5> </div> </main> <footer> <span class="no-break"> Dart 3.7.2 </span> <span class="glue-footer"> <span class="no-break"> | <a href="https://dart.dev/terms" title="Terms of use">Terms</a> </span> <span class="no-break"> | <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" title="Privacy policy" class="no-automatic-external">Privacy</a> </span> <span class="no-break"> | <a href="https://dart.dev/security" title="Security philosophy and practices">Security</a> </span> <div class="copyright" style="font-size: 0.9em; color: darkgrey; margin-top: 0.5em;"> Except as otherwise noted, this site is licensed under a <a style="color: darkgrey;" href="https://creativecommons.org/licenses/by/4.0/"> Creative Commons Attribution 4.0 International License</a> and code samples are licensed under the <a style="color: darkgrey;" href="https://opensource.org/licenses/BSD-3-Clause" class="no-automatic-external"> 3-Clause BSD License</a> </div> </span> </footer> <script src="../static-assets/highlight.pack.js?v1"></script> <script src="../static-assets/docs.dart.js"></script> <button aria-hidden="true" class="glue-footer__link glue-cookie-notification-bar-control"> Cookies management controls </button> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B"> </script> </body> </html>

CINXE.COM

dart:web_gl library - Dart API