/ src / components / demo / enhanced_fp / webgl_unmasked_vendor.tsx
webgl_unmasked_vendor.tsx
 1  import Code from "../../Code";
 2  import Output from "../../Output";
 3  
 4  const WebglUnmaskedVendorDemo = () => {
 5    return (
 6      <div>
 7        <Code
 8          snippet={`
 9  () => {
10    const canvas = document.createElement("canvas");
11    const ctx = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
12    const ext = ctx.getExtension("WEBGL_debug_renderer_info");
13    return ctx.getParameter(ext["UNMASKED_VENDOR_WEBGL"]);
14  }
15          `.trim()}
16        />
17  
18        <Output
19          generator={() => {
20            const canvas = document.createElement("canvas");
21            const ctx =
22              canvas.getContext("webgl") ||
23              canvas.getContext("experimental-webgl");
24            // @ts-expect-error
25            const ext = ctx.getExtension("WEBGL_debug_renderer_info");
26            // @ts-expect-error
27            return ctx.getParameter(ext["UNMASKED_VENDOR_WEBGL"]);
28          }}
29        />
30      </div>
31    );
32  };
33  
34  export default WebglUnmaskedVendorDemo;