WebGL (Web-based Graphics Library) основывается на технологиях HTML, JavaScript, OpenGL и др. HTML (HyperText Markup Language) – язык разметки гипертекста для описания структуры Web-страницы. Основным компонентом HTML является тег (tag) – код, который командует Web-браузеру выполнить определенную задачу типа создания абзаца или вставки изображения. HTML не является языком программирования, но для организации динамических Web-страниц в… Читать далее »
Введение Приложение WebGL-Interactive Cube Матрицы для определения позиции вершины Задача модификации WebGL-Interactive Cube в приложение Рупорная антенна Композиция элементарных преобразований в приложении WebGL-Interactive Cube Массивы, буферы и примитивы для определения модели Описание элементов модели через ассоциативные массивы Полезные ссылки Введение Архитектура WebGL-приложения относительно сложная для новичка в программировании и 3D моделировании. Лучший способ разобраться в этой сложности… Читать далее »
Шейдер (от англ. Shader) – небольшая программа, выполняемая на стороне видеокарты (GPU), которая позволяет производить отдельные элементы цикла рендеринга объекта особым, отличным от стандартного, образом. Иначе говоря, шейдер – программа, выполняющая некоторую часть цикла рендеринга. От того, какую часть конвейера они заменяют, происходят их типы. Для OpenGL версии 2.0. шейдеры бывают вершинными и пиксельными (еще… Читать далее »
OpenGL конвейер Модель клиент-сервер Пошаговый и пакетный режимы Массивы вершин Vertex Buffer Objects Полезные ссылки OpenGL конвейер OpenGL – библиотека (API — Application Programming Interface) для обработки графической информации и прямого доступа к железу («software interface to graphics hardware», как обозначаются они в спецификации). Библиотека содержит набор уже однажды написанных функций, от самых простых (вывод… Читать далее »
Введение Структура HTML документа Подключение и выполнение JavaScript Объектная модель HTML-документа Отображение графики с помощью элемента <canvas> Описание игры “Уголки” Полезные ссылки Введение В статье описываются особенности создания графических приложений для WEB, связанных с аффинными преобразованиями. В Web приложениях элементы интерфейса описывается в HTML файлах, а логика приложения – в коде javascript (JS). При создании программных… Читать далее »
Простейший пример Матрица аффинных преобразований Контрольные задания Простейший пример Ниже приведен простейший код приложения, который обеспечивает 2D-преобразования и рисование прямоугольника в Web-браузере (рис.1). В файле index.html на языке HTML определен элемент canvas – растровый холст на Web странице (прямоугольная двумерная сетка). Измерения пространственной области элемента canvas по ширине и высоте задаются в пикселах в так… Читать далее »