Компьютерная графика. На примере стандарта WebJS и библиотеки THREE.JS

Июль 31, 2022

Главная
Информатика
Компьютерная графика. На примере стандарта WebJS и библиотеки THREE.JS

Содержание

2. Основные графические API Microsoft DirectX – появился в 1995, с выходом Winodows 95, с целью дать
3. С чем работают видеускорители? Главными сущностями с которыми работают видеоускорители являются: Вершины Грани Примитивы или полигоны
4. Полигональная модель Полигональная модель - совокупность полигонов, состоящих из вершин и граней.
5. Пример полигональной модели
6. Что такое текстура? Текстура — растровое изображение, накладываемое на поверхность модели состоящей из множества полигонов для
7. Танк с текстурой и без
8. Что такое шейдер? Шейдер — программа составленная на специальном языке программирования предназначенная для исполнения на видеоускорителе.
9. Камера Камера задает область отсечения невидимых областей: ближнюю плоскость отсечения, дальнюю область отсчения, угол обзора камеры.
10. Камера
12. Вершинный шейдер Вершинный шейдер позволяет менять позицию вершин, а так же их цвет и нормаль.
13. Тесселяция Тесселяция – это автоматический процесс добавления новых выпуклых многоугольников в полигональную сетку с целью повышения
14. Шейдер геометрии Позволяет добавлять к текущему примитиву (или вершинам или линиям) новые примитивы (или вершины или
15. Пост-обработка геометрии На этапе пост-обработки отсекаются точки, линии, полигоны находящиеся за пределами области отрисовки. Так же
16. Растеризация На данном этапе происходит трансформация обьектов подготовленных на предыдущих этапах в трехмерном пространстве в растровое,
17. Пиксельный(фрагментый) шейдер На данном этапе происходит придание цвета каждому пикселю растрированной геометрии.
18. Постобработка На данном этапе происходит окончательное формирование изображения. Проходят следующие операции: тест владения пикселем (пиксель может
19. WebGL WebGL - библиотека, позволяющая создавать на JavaScript интерактивную 3D-графику, функционирующую в широком спектре совместимых с
21. Скачать презентацию

Слайд 2

Основные графические API
Microsoft DirectX – появился в 1995, с выходом Winodows

95, с целью дать единое графическое API c прямым доступом к видеокарте. Который был частично утрачен с выходом первых версии Windows.
OpenGL и производные OpenGL ES, WebGl, Vulkan – появился в 1992, стандартизирует доступ к графической аппаратуре путём смещения ответственности за создание аппаратного драйвера на производителя графического устройства.

Слайд 3

С чем работают видеускорители?
Главными сущностями с которыми работают видеоускорители являются:
Вершины
Грани
Примитивы

или полигоны
Текстуры
Шейдеры

Слайд 4

Полигональная модель
Полигональная модель - совокупность полигонов, состоящих из вершин и граней.

Слайд 5

Пример полигональной модели

Слайд 6

Что такое текстура?
Текстура — растровое изображение, накладываемое на поверхность модели состоящей

из множества полигонов для придания им нужного внешнего вида.

Слайд 7

Танк с текстурой и без

Слайд 8

Что такое шейдер?
Шейдер — программа составленная на специальном языке программирования предназначенная

для исполнения на видеоускорителе.
Типы шейдеров:
Вершиинный шейдер
Геометрический шейдер
Фрагментный (пиксельный) шейдер

Слайд 9

Камера
Камера задает область отсечения невидимых областей: ближнюю плоскость отсечения, дальнюю область

отсчения, угол обзора камеры. Камера имеет два типа проекции: перспективная проекция или ортографическую прекцию.

Слайд 10

Камера

Слайд 11

Слайд 12

Вершинный шейдер
Вершинный шейдер позволяет менять позицию вершин, а так же их

цвет и нормаль.

Слайд 13

Тесселяция
Тесселяция – это автоматический процесс добавления новых выпуклых многоугольников в полигональную

сетку с целью повышения детализации сетки.

Слайд 14

Шейдер геометрии
Позволяет добавлять к текущему примитиву (или вершинам или линиям) новые

примитивы (или вершины или линии). На входе принимает один примитив, на выходе ноль или больше примитивов.

Слайд 15

Пост-обработка геометрии
На этапе пост-обработки отсекаются точки, линии, полигоны находящиеся за пределами

области отрисовки. Так же на данном этапе есть возможность получить буффер геометрии, для последущего его быстрого использования без пересчета.

Слайд 16

Растеризация
На данном этапе происходит трансформация обьектов подготовленных на предыдущих этапах в

трехмерном пространстве в растровое, двухмерное, изображение.

Слайд 17

Пиксельный(фрагментый) шейдер
На данном этапе происходит придание цвета каждому пикселю растрированной

геометрии.

Слайд 18

Постобработка
На данном этапе происходит окончательное формирование изображения. Проходят следующие операции:
тест владения

пикселем (пиксель может не принадлежать opengl )
scissor тест (обрезает часть изображения заданным прямоугольником)
тест глубины
смешение (blending)
применение логических операций для отображения по маске

Слайд 19

WebGL
WebGL - библиотека, позволяющая создавать на JavaScript интерактивную 3D-графику, функционирующую

в широком спектре совместимых с ней веб-браузеров. За счёт использования низкоуровневых средств поддержки OpenGL, часть кода на WebGL выполняется на видеокартах. WebGL - это контекст HTML элемента canvas , который обеспечивает API 3D графики без использования плагинов.

Компьютерная графика. На примере стандарта WebJS и библиотеки THREE.JS

Содержание

Основные графические APIMicrosoft DirectX – появился в 1995, с выходом Winodows

С чем работают видеускорители? Главными сущностями с которыми работают видеоускорители являются:ВершиныГраниПримитивы

Полигональная модельПолигональная модель - совокупность полигонов, состоящих из вершин и граней.

Пример полигональной модели

Что такое текстура?Текстура — растровое изображение, накладываемое на поверхность модели состоящей

Танк с текстурой и без

Что такое шейдер?Шейдер — программа составленная на специальном языке программирования предназначенная

КамераКамера задает область отсечения невидимых областей: ближнюю плоскость отсечения, дальнюю область

Камера

Вершинный шейдерВершинный шейдер позволяет менять позицию вершин, а так же их

ТесселяцияТесселяция – это автоматический процесс добавления новых выпуклых многоугольников в полигональную

Шейдер геометрииПозволяет добавлять к текущему примитиву (или вершинам или линиям) новые

Пост-обработка геометрииНа этапе пост-обработки отсекаются точки, линии, полигоны находящиеся за пределами

РастеризацияНа данном этапе происходит трансформация обьектов подготовленных на предыдущих этапах в

Пиксельный(фрагментый) шейдер На данном этапе происходит придание цвета каждому пикселю растрированной

ПостобработкаНа данном этапе происходит окончательное формирование изображения. Проходят следующие операции:тест владения

WebGL WebGL - библиотека, позволяющая создавать на JavaScript интерактивную 3D-графику, функционирующую

Похожие презентации