- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Компьютерная графика. На примере стандарта WebJS и библиотеки THREE.JS презентация
Содержание
- 1. Компьютерная графика. На примере стандарта WebJS и библиотеки THREE.JS
- 2. Основные графические API Microsoft DirectX – появился
- 3. С чем работают видеускорители? Главными сущностями
- 4. Полигональная модель Полигональная модель - совокупность полигонов, состоящих из вершин и граней.
- 5. Пример полигональной модели
- 6. Что такое текстура? Текстура — растровое изображение,
- 7. Танк с текстурой и без
- 8. Что такое шейдер? Шейдер — программа составленная
- 9. Камера Камера задает область отсечения невидимых областей:
- 10. Камера
- 12. Вершинный шейдер Вершинный шейдер позволяет менять позицию вершин, а так же их цвет и нормаль.
- 13. Тесселяция Тесселяция – это автоматический процесс добавления
- 14. Шейдер геометрии Позволяет добавлять к текущему примитиву
- 15. Пост-обработка геометрии На этапе пост-обработки отсекаются точки,
- 16. Растеризация На данном этапе происходит трансформация обьектов
- 17. Пиксельный(фрагментый) шейдер На данном этапе происходит придание цвета каждому пикселю растрированной геометрии.
- 18. Постобработка На данном этапе происходит окончательное формирование
- 19. WebGL WebGL - библиотека, позволяющая создавать
- 20. Three JS Three.js — легковесная кроссбраузерная JavaScript
Основные графические API Microsoft DirectX – появился в 1995, с выходом Winodows 95, с целью дать единое графическое API c прямым доступом к видеокарте. Который был частично утрачен с выходом первых
Слайд 2Основные графические API
Microsoft DirectX – появился в 1995, с выходом Winodows
95, с целью дать единое графическое API c прямым доступом к видеокарте. Который был частично утрачен с выходом первых версии Windows.
OpenGL и производные OpenGL ES, WebGl, Vulkan – появился в 1992, стандартизирует доступ к графической аппаратуре путём смещения ответственности за создание аппаратного драйвера на производителя графического устройства.
OpenGL и производные OpenGL ES, WebGl, Vulkan – появился в 1992, стандартизирует доступ к графической аппаратуре путём смещения ответственности за создание аппаратного драйвера на производителя графического устройства.
Слайд 3С чем работают видеускорители?
Главными сущностями с которыми работают видеоускорители являются:
Вершины
Грани
Примитивы
или полигоны
Текстуры
Шейдеры
Текстуры
Шейдеры
Слайд 4Полигональная модель
Полигональная модель - совокупность полигонов, состоящих из вершин и граней.
Слайд 6Что такое текстура?
Текстура — растровое изображение, накладываемое на поверхность модели состоящей
из множества полигонов для придания им нужного внешнего вида.
Слайд 8Что такое шейдер?
Шейдер — программа составленная на специальном языке программирования предназначенная
для исполнения на видеоускорителе.
Типы шейдеров:
Вершиинный шейдер
Геометрический шейдер
Фрагментный (пиксельный) шейдер
Типы шейдеров:
Вершиинный шейдер
Геометрический шейдер
Фрагментный (пиксельный) шейдер
Слайд 9Камера
Камера задает область отсечения невидимых областей: ближнюю плоскость отсечения, дальнюю область
отсчения, угол обзора камеры. Камера имеет два типа проекции: перспективная проекция или ортографическую прекцию.
Слайд 12Вершинный шейдер
Вершинный шейдер позволяет менять позицию вершин, а так же их
цвет и нормаль.
Слайд 13Тесселяция
Тесселяция – это автоматический процесс добавления новых выпуклых многоугольников в полигональную
сетку с целью повышения детализации сетки.
Слайд 14Шейдер геометрии
Позволяет добавлять к текущему примитиву (или вершинам или линиям) новые
примитивы (или вершины или линии). На входе принимает один примитив, на выходе ноль или больше примитивов.
Слайд 15Пост-обработка геометрии
На этапе пост-обработки отсекаются точки, линии, полигоны находящиеся за пределами
области отрисовки. Так же на данном этапе есть возможность получить буффер геометрии, для последущего его быстрого использования без пересчета.
Слайд 16Растеризация
На данном этапе происходит трансформация обьектов подготовленных на предыдущих этапах в
трехмерном пространстве в растровое, двухмерное, изображение.
Слайд 17Пиксельный(фрагментый) шейдер
На данном этапе происходит придание цвета каждому пикселю растрированной
геометрии.
Слайд 18Постобработка
На данном этапе происходит окончательное формирование изображения. Проходят следующие операции:
тест владения
пикселем (пиксель может не принадлежать opengl )
scissor тест (обрезает часть изображения заданным прямоугольником)
тест глубины
смешение (blending)
применение логических операций для отображения по маске
scissor тест (обрезает часть изображения заданным прямоугольником)
тест глубины
смешение (blending)
применение логических операций для отображения по маске
Слайд 19WebGL
WebGL - библиотека, позволяющая создавать на JavaScript интерактивную 3D-графику, функционирующую
в широком спектре совместимых с ней веб-браузеров. За счёт использования низкоуровневых средств поддержки OpenGL, часть кода на WebGL выполняется на видеокартах. WebGL - это контекст HTML элемента canvas , который обеспечивает API 3D графики без использования плагинов.
Слайд 20Three JS
Three.js — легковесная кроссбраузерная JavaScript библиотека c открытым исходным кодом,
предназначена для упрощения создания и отображения анимированной компьютерной 3D графики при разработке веб-приложений.
