---
title: "WEBGL_draw_buffers | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

# Interface WEBGL\_draw\_buffers

The **`WEBGL_draw_buffers`** extension is part of the WebGL API and enables a fragment shader to write to several textures, which is useful for deferred shading, for example.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/WEBGL_draw_buffers)

interface WEBGL\_draw\_buffers {  
    [COLOR\_ATTACHMENT0\_WEBGL](#color_attachment0_webgl): 36064;  
    [COLOR\_ATTACHMENT1\_WEBGL](#color_attachment1_webgl): 36065;  
    [COLOR\_ATTACHMENT10\_WEBGL](#color_attachment10_webgl): 36074;  
    [COLOR\_ATTACHMENT11\_WEBGL](#color_attachment11_webgl): 36075;  
    [COLOR\_ATTACHMENT12\_WEBGL](#color_attachment12_webgl): 36076;  
    [COLOR\_ATTACHMENT13\_WEBGL](#color_attachment13_webgl): 36077;  
    [COLOR\_ATTACHMENT14\_WEBGL](#color_attachment14_webgl): 36078;  
    [COLOR\_ATTACHMENT15\_WEBGL](#color_attachment15_webgl): 36079;  
    [COLOR\_ATTACHMENT2\_WEBGL](#color_attachment2_webgl): 36066;  
    [COLOR\_ATTACHMENT3\_WEBGL](#color_attachment3_webgl): 36067;  
    [COLOR\_ATTACHMENT4\_WEBGL](#color_attachment4_webgl): 36068;  
    [COLOR\_ATTACHMENT5\_WEBGL](#color_attachment5_webgl): 36069;  
    [COLOR\_ATTACHMENT6\_WEBGL](#color_attachment6_webgl): 36070;  
    [COLOR\_ATTACHMENT7\_WEBGL](#color_attachment7_webgl): 36071;  
    [COLOR\_ATTACHMENT8\_WEBGL](#color_attachment8_webgl): 36072;  
    [COLOR\_ATTACHMENT9\_WEBGL](#color_attachment9_webgl): 36073;  
    [DRAW\_BUFFER0\_WEBGL](#draw_buffer0_webgl): 34853;  
    [DRAW\_BUFFER1\_WEBGL](#draw_buffer1_webgl): 34854;  
    [DRAW\_BUFFER10\_WEBGL](#draw_buffer10_webgl): 34863;  
    [DRAW\_BUFFER11\_WEBGL](#draw_buffer11_webgl): 34864;  
    [DRAW\_BUFFER12\_WEBGL](#draw_buffer12_webgl): 34865;  
    [DRAW\_BUFFER13\_WEBGL](#draw_buffer13_webgl): 34866;  
    [DRAW\_BUFFER14\_WEBGL](#draw_buffer14_webgl): 34867;  
    [DRAW\_BUFFER15\_WEBGL](#draw_buffer15_webgl): 34868;  
    [DRAW\_BUFFER2\_WEBGL](#draw_buffer2_webgl): 34855;  
    [DRAW\_BUFFER3\_WEBGL](#draw_buffer3_webgl): 34856;  
    [DRAW\_BUFFER4\_WEBGL](#draw_buffer4_webgl): 34857;  
    [DRAW\_BUFFER5\_WEBGL](#draw_buffer5_webgl): 34858;  
    [DRAW\_BUFFER6\_WEBGL](#draw_buffer6_webgl): 34859;  
    [DRAW\_BUFFER7\_WEBGL](#draw_buffer7_webgl): 34860;  
    [DRAW\_BUFFER8\_WEBGL](#draw_buffer8_webgl): 34861;  
    [DRAW\_BUFFER9\_WEBGL](#draw_buffer9_webgl): 34862;  
    [MAX\_COLOR\_ATTACHMENTS\_WEBGL](#max_color_attachments_webgl): 36063;  
    [MAX\_DRAW\_BUFFERS\_WEBGL](#max_draw_buffers_webgl): 34852;  
    [drawBuffersWEBGL](#drawbufferswebgl-1)(buffers: number\[\]): void;  
    [drawBuffersWEBGL](#drawbufferswebgl-2)(buffers: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)<number\>): void;  
}

##### Index

### Properties[](#properties)

[COLOR\_ATTACHMENT0\_WEBGL](#color_attachment0_webgl) [COLOR\_ATTACHMENT1\_WEBGL](#color_attachment1_webgl) [COLOR\_ATTACHMENT10\_WEBGL](#color_attachment10_webgl) [COLOR\_ATTACHMENT11\_WEBGL](#color_attachment11_webgl) [COLOR\_ATTACHMENT12\_WEBGL](#color_attachment12_webgl) [COLOR\_ATTACHMENT13\_WEBGL](#color_attachment13_webgl) [COLOR\_ATTACHMENT14\_WEBGL](#color_attachment14_webgl) [COLOR\_ATTACHMENT15\_WEBGL](#color_attachment15_webgl) [COLOR\_ATTACHMENT2\_WEBGL](#color_attachment2_webgl) [COLOR\_ATTACHMENT3\_WEBGL](#color_attachment3_webgl) [COLOR\_ATTACHMENT4\_WEBGL](#color_attachment4_webgl) [COLOR\_ATTACHMENT5\_WEBGL](#color_attachment5_webgl) [COLOR\_ATTACHMENT6\_WEBGL](#color_attachment6_webgl) [COLOR\_ATTACHMENT7\_WEBGL](#color_attachment7_webgl) [COLOR\_ATTACHMENT8\_WEBGL](#color_attachment8_webgl) [COLOR\_ATTACHMENT9\_WEBGL](#color_attachment9_webgl) [DRAW\_BUFFER0\_WEBGL](#draw_buffer0_webgl) [DRAW\_BUFFER1\_WEBGL](#draw_buffer1_webgl) [DRAW\_BUFFER10\_WEBGL](#draw_buffer10_webgl) [DRAW\_BUFFER11\_WEBGL](#draw_buffer11_webgl) [DRAW\_BUFFER12\_WEBGL](#draw_buffer12_webgl) [DRAW\_BUFFER13\_WEBGL](#draw_buffer13_webgl) [DRAW\_BUFFER14\_WEBGL](#draw_buffer14_webgl) [DRAW\_BUFFER15\_WEBGL](#draw_buffer15_webgl) [DRAW\_BUFFER2\_WEBGL](#draw_buffer2_webgl) [DRAW\_BUFFER3\_WEBGL](#draw_buffer3_webgl) [DRAW\_BUFFER4\_WEBGL](#draw_buffer4_webgl) [DRAW\_BUFFER5\_WEBGL](#draw_buffer5_webgl) [DRAW\_BUFFER6\_WEBGL](#draw_buffer6_webgl) [DRAW\_BUFFER7\_WEBGL](#draw_buffer7_webgl) [DRAW\_BUFFER8\_WEBGL](#draw_buffer8_webgl) [DRAW\_BUFFER9\_WEBGL](#draw_buffer9_webgl) [MAX\_COLOR\_ATTACHMENTS\_WEBGL](#max_color_attachments_webgl) [MAX\_DRAW\_BUFFERS\_WEBGL](#max_draw_buffers_webgl)

### Methods[](#methods)

[drawBuffersWEBGL](#drawbufferswebgl)

## Properties[](#properties-1)

### `Readonly`COLOR\_ATTACHMENT0\_WEBGL[](#color_attachment0_webgl)

COLOR\_ATTACHMENT0\_WEBGL: 36064

### `Readonly`COLOR\_ATTACHMENT1\_WEBGL[](#color_attachment1_webgl)

COLOR\_ATTACHMENT1\_WEBGL: 36065

### `Readonly`COLOR\_ATTACHMENT10\_WEBGL[](#color_attachment10_webgl)

COLOR\_ATTACHMENT10\_WEBGL: 36074

### `Readonly`COLOR\_ATTACHMENT11\_WEBGL[](#color_attachment11_webgl)

COLOR\_ATTACHMENT11\_WEBGL: 36075

### `Readonly`COLOR\_ATTACHMENT12\_WEBGL[](#color_attachment12_webgl)

COLOR\_ATTACHMENT12\_WEBGL: 36076

### `Readonly`COLOR\_ATTACHMENT13\_WEBGL[](#color_attachment13_webgl)

COLOR\_ATTACHMENT13\_WEBGL: 36077

### `Readonly`COLOR\_ATTACHMENT14\_WEBGL[](#color_attachment14_webgl)

COLOR\_ATTACHMENT14\_WEBGL: 36078

### `Readonly`COLOR\_ATTACHMENT15\_WEBGL[](#color_attachment15_webgl)

COLOR\_ATTACHMENT15\_WEBGL: 36079

### `Readonly`COLOR\_ATTACHMENT2\_WEBGL[](#color_attachment2_webgl)

COLOR\_ATTACHMENT2\_WEBGL: 36066

### `Readonly`COLOR\_ATTACHMENT3\_WEBGL[](#color_attachment3_webgl)

COLOR\_ATTACHMENT3\_WEBGL: 36067

### `Readonly`COLOR\_ATTACHMENT4\_WEBGL[](#color_attachment4_webgl)

COLOR\_ATTACHMENT4\_WEBGL: 36068

### `Readonly`COLOR\_ATTACHMENT5\_WEBGL[](#color_attachment5_webgl)

COLOR\_ATTACHMENT5\_WEBGL: 36069

### `Readonly`COLOR\_ATTACHMENT6\_WEBGL[](#color_attachment6_webgl)

COLOR\_ATTACHMENT6\_WEBGL: 36070

### `Readonly`COLOR\_ATTACHMENT7\_WEBGL[](#color_attachment7_webgl)

COLOR\_ATTACHMENT7\_WEBGL: 36071

### `Readonly`COLOR\_ATTACHMENT8\_WEBGL[](#color_attachment8_webgl)

COLOR\_ATTACHMENT8\_WEBGL: 36072

### `Readonly`COLOR\_ATTACHMENT9\_WEBGL[](#color_attachment9_webgl)

COLOR\_ATTACHMENT9\_WEBGL: 36073

### `Readonly`DRAW\_BUFFER0\_WEBGL[](#draw_buffer0_webgl)

DRAW\_BUFFER0\_WEBGL: 34853

### `Readonly`DRAW\_BUFFER1\_WEBGL[](#draw_buffer1_webgl)

DRAW\_BUFFER1\_WEBGL: 34854

### `Readonly`DRAW\_BUFFER10\_WEBGL[](#draw_buffer10_webgl)

DRAW\_BUFFER10\_WEBGL: 34863

### `Readonly`DRAW\_BUFFER11\_WEBGL[](#draw_buffer11_webgl)

DRAW\_BUFFER11\_WEBGL: 34864

### `Readonly`DRAW\_BUFFER12\_WEBGL[](#draw_buffer12_webgl)

DRAW\_BUFFER12\_WEBGL: 34865

### `Readonly`DRAW\_BUFFER13\_WEBGL[](#draw_buffer13_webgl)

DRAW\_BUFFER13\_WEBGL: 34866

### `Readonly`DRAW\_BUFFER14\_WEBGL[](#draw_buffer14_webgl)

DRAW\_BUFFER14\_WEBGL: 34867

### `Readonly`DRAW\_BUFFER15\_WEBGL[](#draw_buffer15_webgl)

DRAW\_BUFFER15\_WEBGL: 34868

### `Readonly`DRAW\_BUFFER2\_WEBGL[](#draw_buffer2_webgl)

DRAW\_BUFFER2\_WEBGL: 34855

### `Readonly`DRAW\_BUFFER3\_WEBGL[](#draw_buffer3_webgl)

DRAW\_BUFFER3\_WEBGL: 34856

### `Readonly`DRAW\_BUFFER4\_WEBGL[](#draw_buffer4_webgl)

DRAW\_BUFFER4\_WEBGL: 34857

### `Readonly`DRAW\_BUFFER5\_WEBGL[](#draw_buffer5_webgl)

DRAW\_BUFFER5\_WEBGL: 34858

### `Readonly`DRAW\_BUFFER6\_WEBGL[](#draw_buffer6_webgl)

DRAW\_BUFFER6\_WEBGL: 34859

### `Readonly`DRAW\_BUFFER7\_WEBGL[](#draw_buffer7_webgl)

DRAW\_BUFFER7\_WEBGL: 34860

### `Readonly`DRAW\_BUFFER8\_WEBGL[](#draw_buffer8_webgl)

DRAW\_BUFFER8\_WEBGL: 34861

### `Readonly`DRAW\_BUFFER9\_WEBGL[](#draw_buffer9_webgl)

DRAW\_BUFFER9\_WEBGL: 34862

### `Readonly`MAX\_COLOR\_ATTACHMENTS\_WEBGL[](#max_color_attachments_webgl)

MAX\_COLOR\_ATTACHMENTS\_WEBGL: 36063

### `Readonly`MAX\_DRAW\_BUFFERS\_WEBGL[](#max_draw_buffers_webgl)

MAX\_DRAW\_BUFFERS\_WEBGL: 34852

## Methods[](#methods-1)

### drawBuffersWEBGL[](#drawbufferswebgl)

-   drawBuffersWEBGL(buffers: number\[\]): void[](#drawbufferswebgl-1)
    
    The **`WEBGL_draw_buffers.drawBuffersWEBGL()`** method is part of the WebGL API and allows you to define the draw buffers to which all fragment colors are written.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/WEBGL_draw_buffers/drawBuffersWEBGL)
    
    #### Parameters
    
    -   buffers: number\[\]
    
    #### Returns void
    
-   drawBuffersWEBGL(buffers: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)<number\>): void[](#drawbufferswebgl-2)
    
    The **`WEBGL_draw_buffers.drawBuffersWEBGL()`** method is part of the WebGL API and allows you to define the draw buffers to which all fragment colors are written.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/WEBGL_draw_buffers/drawBuffersWEBGL)
    
    #### Parameters
    
    -   buffers: [Iterable](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Iterable/)<number\>
    
    #### Returns void