Где взять информацию по WebGL и саму библиотеку?

Question

[Дмитрий Петров]

Привет.

Вот дали нам в университете задание, разделенное на несколько пунктов. Финалом должна стать программа, в которой рисуется трехмерная фигура, над которой можно выполнять ряд операций. Должен быть реализован список функций: алгоритм Робертса, z-buffer и другие.

Я начал работать используя canvas и дошел до алгоритма Робертса используя только canvas.getContext('2d');. Теперь пришла очередь z-buffer'а и я хочу использовать WebGL, но запросы в поисковики дали лишь какие-то сомнительные уроки.

Может кто-то ввести в курс дела: где взять информацию по WebGL и саму библиотеку, и вообще правильные ли вопросы я задаю?

Answer 1

[Даниил Колесниченко]

Саму библиотеку не надо ниоткуда брать, она встроена в браузер
Информацию можно посмотреть, например, здесь или здесь

Comments

[Дмитрий Петров]

Даниил Колесниченко спасибо. Есть еще вопрос: все уроки использую функции, которые при подключении в моем файле выдают ошибку: отсутствуют данные, например: 'gl'. Что мне с этим делать?

[Даниил Колесниченко]

Дмитрий Петров: если Вы про уроки на хабре, то там ведь в начале статьи

var names = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"];
    gl = null;
    for (var ii = 0; ii < names.length; ++ii) {
        try {
            gl = canvas.getContext(names[ii]);
        } catch(e) {}
        if (gl) {
            break;
        }
    }

[Дмитрий Петров]

Даниил Колесниченко: копирую это в свой скрипт - консоль выдает: gl is not defined

[Даниил Колесниченко]

Дмитрий Петров: здесь canvas -- HTML элемент <canvas>

[Дмитрий Петров]

Даниил Колесниченко: прошу прощения, это было вызвано использованием 'use strict'

[Даниил Колесниченко]

Дмитрий Петров: странно
может, скинете фрагмент кода на jsfiddle, чтобы было понятнее, в чём ошибка?

[Дмитрий Петров]

Даниил Колесниченко: мы можем связаться? просто вопросы рекой текут...

[Даниил Колесниченко]

Дмитрий Петров: можете написать на почту (указана у меня в профиле)
а вообще, тостер -- он для того и нужен, чтобы вопросы задавать :)

[Евгений Петров]

Дмитрий Петров: Вы присваиваете значение gl, а такой переменной нет. Напишите var gl = null, и спокойно используйте use strict.

Answer 2

[sim3x]

https://developer.mozilla.org/en-US/docs/Web/WebGL

https://www.khronos.org/registry/webgl/specs/latest/

Answer 3

[mirbekm]

https://developer.mozilla.org/ru/docs/Web/WebGL