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

Основы WebGL

WebGL (Web-based Graphics Library) основывается на технологиях HTML,  JavaScript, OpenGL и др. HTML (HyperText Markup Language) – язык разметки гипертекста для описания структуры Web-страницы. Основным компонентом HTML является тег (tag) – код, который командует Web-браузеру выполнить определенную задачу типа создания абзаца или вставки изображения. HTML не является языком программирования, но для организации динамических Web-страниц в… Читать далее »

Архитектура WebGL приложения для чайников

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

Shaders в WebGL

Шейдер (от  англ.  Shader) –  небольшая  программа, выполняемая  на  стороне  видеокарты (GPU),  которая  позволяет  производить  отдельные  элементы  цикла рендеринга объекта особым, отличным от стандартного, образом. Иначе говоря, шейдер – программа, выполняющая некоторую часть цикла рендеринга. От того, какую часть конвейера они заменяют, происходят их типы. Для OpenGL версии 2.0. шейдеры  бывают  вершинными  и пиксельными  (еще… Читать далее »

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

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

Взаимодействие HTML5 и JavaScript

Введение Структура  HTML документа Подключение и выполнение JavaScript Объектная модель HTML-документа Отображение графики с помощью элемента <canvas> Описание игры “Уголки” Введение В статье описываются особенности создания графических приложений для WEB, связанных с аффинными преобразованиями. В Web приложениях элементы интерфейса описывается в HTML файлах, а логика приложения – в коде javascript (JS). При создании программных систем стремятся, чтобы… Читать далее »

2D преобразования в контексте элемента canvas

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