Архив рубрики: WebGL

Быстрый старт в WebGL (Quickstart in WebGL)

Введение Пример простого WebGL приложения Шаг 1. Определение WebGL контекста Шаг 2. Создание 3D-модели и сохранение ее в буферах Шаг 3. Создание, компиляция и подключение шейдеров Шаг 4. Связывание шейдеров с буферами Шаг 5. Отображение графики Полезные ссылки Введение WebGL (Web-based Graphics Library) — кроссплатформенный API для 3D-графики в браузере. WebGL следует клиентскому подходу генерации цифрового… Читать далее »

Архитектура WebGL приложения для чайников (WebGL application architecture for Dummies)

Введение Приложение WebGL-Interactive Cube Матрицы для определения позиции вершины Задача модификации WebGL-Interactive Cube  в приложение Рупорная антенна Композиция элементарных преобразований в приложении WebGL-Interactive Cube Массивы, буферы и примитивы для определения модели Описание элементов модели через ассоциативные массивы Полезные ссылки Введение Архитектура WebGL-приложения относительно сложная для новичка в программировании и 3D моделировании.  Лучший способ разобраться в этой сложности… Читать далее »

Оптимизация OpenGL приложений (Optimizing OpenGL applications)

OpenGL конвейер Модель  клиент-сервер Пошаговый и пакетный режимы Массивы вершин Vertex Buffer Objects Полезные ссылки OpenGL конвейер OpenGL – библиотека (API — Application Programming Interface) для обработки графической информации и прямого доступа к железу («software interface to graphics hardware», как обозначаются они в спецификации). Библиотека содержит набор уже однажды написанных функций, от самых простых (вывод… Читать далее »

2D преобразования в контексте элемента canvas (2D transformations in the context of the canvas element)

Простейший пример Матрица аффинных преобразований Контрольные задания Полезные ссылки Простейший пример Ниже приведен простейший код приложения, который обеспечивает 2D-преобразования и рисование прямоугольника в Web-браузере (рис.1). В файле index.html на языке HTML определен элемент canvas – растровый холст на Web странице (прямоугольная двумерная сетка). Измерения пространственной области элемента canvas по ширине и высоте задаются в пикселах… Читать далее »