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

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

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

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

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

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

Tags:  Optimizing конвейер OpenGL applications GPU клиент-сервер 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 по ширине и высоте задаются в пикселах… Читать далее »