Учебник WebGL

Tutorial de programação WebGL

книга по WebGL

WebGL представляет собой технологию, базирующуюся на OpenGL ES 2.0 и предназначенную для рисования и отображения интерактивной 2D- и 3D-графики в веб-браузерах. При этом для работы с данной технологией не требуются сторонние плагины или библиотеки. Вся работа веб-приложений с использованием WebGL основана на коде JavaScript, а некоторые элементы кода - шейдеры могут выполняться непосредственно на графических процессорах на видеокартах, благодаря чему разработчики могут получить доступ к дополнительным ресурсам компьютера, увеличить быстродействие. Таким образом, для создания приложений разработчики могу использовать стандартные для веб-среды технологии HTML/CSS/JavaScript и при этом также применять аппаратное ускорение графики.

Если создание настольных приложений работающих с 2d и 3d-графикой нередко ограничивается целевой платформой, то здесь главным ограничением является только поддержка браузером технологии WebGL. А сами веб-приложения, построенные с использованием данной платформы, будут доступны в любой точке земного шара при наличии сети интернет вне зависимости от используемой платформы: то ли это десктопы с ОС Windows, Linux, Mac, то ли это смартфоны и планшеты, то ли это игровые консоли.

WebGL возник из экспериментов над Canvas 3D американского разработчика сербского происхождения Владимира Вукичевича из компании Mozilla в 2006 году. Впоследствии разработчики браузеров Opera и Mozilla стали создавать свои реализации WebGL. А впоследствии была организована рабочая группа с участием крупнейших разработчиков браузеров Apple, Google, Mozilla, Opera для работы над спецификацией технологии. И в 3 марта 2011 года была представлена спецификация WebGL 1.0.

Глава 1. Введение в WebGL

Что такое WebGL?

Первая программа на WebGL

Глава 2. Основы работы с WebGL

Создание контекста

Конвейер WebGL

Настройка буфера вершин и буфер индексов

Установка атрибута для буфера вершин

Отрисовка в WebGL

gl.TRIANGLES

gl.TRIANGLE_STRIP

gl.TRIANGLE_FAN

Рисование линий

Установка Viewport

Глава 3. Шейдеры

Введение в шейдеры

Использование шейдеров в программе

Основы GLSL

Глава 4. Цвета в WebGL

Установка цвета вершины

Глава 5. Матрицы и создание 3D

Первый 3D-объект

Использование матриц glMatrix для создания 3D

Дополнительно о матрицах в WebGL

Окрашиваем куб

Глава 6. Анимация и пользовательский ввод

Анимация объектов. Вращающийся куб

Обработка пользовательского ввода

Глава 7. Текстурирование

Введение в текстурирование

Работа с коодинатами текстуры

Настройка текстурирования

Текстурирование 3D-объектов

Множественное текстурирование

Глава 8. Освещение

Введение в освещение

Создание освещенного объекта по модели Фонга. Шейдеры

Модель отражения Фонга. Код JavaScript

Использование материалов

Освещение Ламберта