Описание тега webgl

WebGL - это OpenGL ES 2.0 для веб-страниц. Он расширяет возможности элемента холста HTML, позволяя ему отображать ускоренную графику в любом совместимом веб-браузере.

WebGL основан на OpenGL ES 2.0 и управляется через API JavaScript. Не требует использования плагинов. Официальные спецификации и дополнительную информацию можно найти на сайте Khronos.

Изображения для минимально воспроизводимых примеров

Если возможно, вы должны попытаться сделать минимально воспроизводимый пример в сниппите. Если вам нужно загрузить изображения, чтобы показать вашу проблему, вы можете получить доступ к изображениям из imgur. Вот несколько URL-адресов изображений, которые вы можете использовать

256x256 F        : https//i.imgur.com/ZKMnXce.png
16x16 F          : https://i.imgur.com/fqgm8uh.png
dog              : https://i.imgur.com/KjUybBD.png
plushy bean      : https://i.imgur.com/UKBsvV0.jpg
plushy bean depth: https://i.imgur.com/arPMCZl.jpg
dice with alpha  : https://i.imgur.com/iFom4eT.png
4x2 ramen atlas  : https://i.imgur.com/MuiZgpu.jpg
giraffe          : https://i.imgur.com/TSiyiJv.jpg
jelly donut sign : https://i.imgur.com/v38pV.jpg
zelda fingernails: https://i.imgur.com/CwQSMv9.jpg
earth            : https://i.imgur.com/BpldqPj.jpg

Начало работы с WebGL:

https://webglfundamentals.org/ предоставит вам базовые знания о WebGL и принципах его работы.

Библиотеки:

Сам WebGL только растеризует графику. Библиотеки обычно используются для обеспечения функциональности 3D или 2D.

Некоторые 3D-библиотеки:

• Three.js
• BabylonJS

2D библиотеки

• Pixi

Вспомогательные библиотеки

• Twgl.js

Ссылки

• MDN в API WebGL
• Khronos WebGL Технические характеристики
• Поддержка WebGL браузером (через Caniuse.com)