← 返回首页
WebGLRenderingContext.createProgram() - Les API Web | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Basculer la barre latérale
  1. Web
  2. Les API Web
  3. WebGLRenderingContext
  4. WebGLRenderingContext.createProgram()
Thème
  • Automatique
  • Clair
  • Sombre
Français
Se souvenir de la langue En savoir plus

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

WebGLRenderingContext.createProgram()

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La méthode WebGLRenderingContext.createProgram() de l'API WebGL crée et initialise un objet WebGLProgram.

Dans cet article

Syntaxe

js
WebGLProgram gl.createProgram();

Paramètres

Aucun.

Valeur retournée

Un objet WebGLProgram qui est une combinaison de deux WebGLShaders compilés, constitués d'un shader de sommet et d'un shader de fragment (tous deux écrits en GLSL). Ceux-ci sont ensuite liés en un programme utilisable.

Exemples

Création d'un programme WebGL

js
var programme = gl.createProgram(); // Attacher les shaders pré-existants gl.attachShader(programme, shaderDeSommet); gl.attachShader(programme, shaderDeFragment); gl.linkProgram(programme); if (!gl.getProgramParameter(programme, gl.LINK_STATUS)) { var info = gl.getProgramInfoLog(program); throw "Impossible de compiler le programme WebGL. \n\n" + info; }

Voir WebGLShader pour plus d'informations sur la création du shaderDeSommet et du shaderDeFragment dans l'exemple ci-dessus.

Spécifications

Spécification
WebGL Specification
# 5.14.9

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?
Oui Non
Apprendre à contribuer

Cette page a été modifiée le 8 sept. 2023 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu
  1. WebGL : graphismes 2D et 3D pour le Web
  2. WebGLRenderingContext
  3. Propriétés d'instance
    1. canvas
    2. drawingBufferColorSpace
    3. drawingBufferHeight
    4. drawingBufferWidth
    5. unpackColorSpace
  4. Méthodes d'instance
    1. activeTexture()
    2. attachShader()
    3. bindAttribLocation()
    4. bindBuffer()
    5. bindFramebuffer()
    6. bindRenderbuffer()
    7. bindTexture()
    8. blendColor()
    9. blendEquation()
    10. blendEquationSeparate()
    11. blendFunc()
    12. blendFuncSeparate()
    13. bufferData()
    14. bufferSubData()
    15. checkFramebufferStatus()
    16. clear()
    17. clearColor()
    18. clearDepth()
    19. clearStencil()
    20. colorMask()
    21. compileShader()
    22. compressedTexImage2D()
    23. compressedTexSubImage2D()
    24. copyTexImage2D()
    25. copyTexSubImage2D()
    26. createBuffer()
    27. createFramebuffer()
    28. createProgram()
    29. createRenderbuffer()
    30. createShader()
    31. createTexture()
    32. cullFace()
    33. deleteBuffer()
    34. deleteFramebuffer()
    35. deleteProgram()
    36. deleteRenderbuffer()
    37. deleteShader()
    38. deleteTexture()
    39. depthFunc()
    40. depthMask()
    41. depthRange()
    42. detachShader()
    43. disable()
    44. disableVertexAttribArray()
    45. drawArrays()
    46. drawElements()
    47. enable()
    48. enableVertexAttribArray()
    49. finish()
    50. flush()
    51. framebufferRenderbuffer()
    52. framebufferTexture2D()
    53. frontFace()
    54. generateMipmap()
    55. getActiveAttrib()
    56. getActiveUniform()
    57. getAttachedShaders()
    58. getAttribLocation()
    59. getBufferParameter()
    60. getContextAttributes()
    61. getError()
    62. getExtension()
    63. getFramebufferAttachmentParameter()
    64. getParameter()
    65. getProgramInfoLog()
    66. getProgramParameter()
    67. getRenderbufferParameter()
    68. getShaderInfoLog()
    69. getShaderParameter()
    70. getShaderPrecisionFormat()
    71. getShaderSource()
    72. getSupportedExtensions()
    73. getTexParameter()
    74. getUniform()
    75. getUniformLocation()
    76. getVertexAttrib()
    77. getVertexAttribOffset()
    78. hint()
    79. isBuffer()
    80. isContextLost()
    81. isEnabled()
    82. isFramebuffer()
    83. isProgram()
    84. isRenderbuffer()
    85. isShader()
    86. isTexture()
    87. lineWidth()
    88. linkProgram()
    89. makeXRCompatible()
    90. pixelStorei()
    91. polygonOffset()
    92. readPixels()
    93. renderbufferStorage()
    94. sampleCoverage()
    95. scissor()
    96. shaderSource()
    97. stencilFunc()
    98. stencilFuncSeparate()
    99. stencilMask()
    100. stencilMaskSeparate()
    101. stencilOp()
    102. stencilOpSeparate()
    103. texImage2D()
    104. texParameter[fi]()
    105. texSubImage2D()
    106. uniform[1234][fi][v]()
    107. uniformMatrix[234]fv()
    108. useProgram()
    109. validateProgram()
    110. vertexAttrib[1234]f[v]()
    111. vertexAttribPointer()
    112. viewport()
  5. Pages liées à WebGL
    1. ANGLE_instanced_arrays
    2. EXT_blend_minmax
    3. EXT_color_buffer_half_float
    4. EXT_disjoint_timer_query
    5. EXT_frag_depth
    6. EXT_sRGB
    7. EXT_shader_texture_lod
    8. EXT_texture_filter_anisotropic
    9. OES_draw_buffers_indexed
    10. OES_element_index_uint
    11. OES_standard_derivatives
    12. OES_texture_float
    13. OES_texture_float_linear
    14. OES_texture_half_float
    15. OES_texture_half_float_linear
    16. OES_vertex_array_object
    17. WEBGL_color_buffer_float
    18. WEBGL_compressed_texture_etc1
    19. WEBGL_compressed_texture_pvrtc
    20. WEBGL_compressed_texture_s3tc
    21. WEBGL_compressed_texture_s3tc_srgb
    22. WEBGL_debug_renderer_info
    23. WEBGL_debug_shaders
    24. WEBGL_depth_texture
    25. WEBGL_draw_buffers
    26. WEBGL_lose_context
    27. WebGL2RenderingContext
    28. WebGLActiveInfo
    29. WebGLBuffer
    30. WebGLContextEvent
    31. WebGLFramebuffer
    32. WebGLObject
    33. WebGLProgram
    34. WebGLQuery
    35. WebGLRenderbuffer
    36. WebGLSampler
    37. WebGLShader
    38. WebGLShaderPrecisionFormat
    39. WebGLSync
    40. WebGLTexture
    41. WebGLTransformFeedback
    42. WebGLUniformLocation
    43. WebGLVertexArrayObject
  6. Guides
    1. WebGL constants
    2. Types WebGL
    3. WebGL model view projection
    4. WebGL best practices
    5. WebGL par l'exemple
    6. A basic 2D WebGL animation example
    7. Compressed texture formats
    8. Les données en WebGL
    9. Matrix math for the web
    10. Using WebGL extensions
  7. Tutoriel
    1. Tutoriel WebGL
    2. Commencer avec WebGL
    3. Ajouter du contenu à WebGL
    4. Ajouter des couleurs avec les nuanceurs
    5. Animer des objets avec WebGL
    6. Créer des objets 3D avec WebGL
    7. Utiliser des textures en WebGL
    8. Éclairage en WebGL
    9. Animation de textures en WebGL

Votre modèle pour un internet meilleur.

MDN Contribuer Développeur·euse·s

Visitez la société mère à but non lucratif de Mozilla Corporation, la Fondation Mozilla.
Certaines parties de ce contenu sont protégées par le droit d'auteur ©1998—2026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.