cart-icon Товаров: 0 Сумма: 0 руб.
г. Нижний Тагил
ул. Карла Маркса, 44
8 (902) 500-55-04

Презентация компьютерная графика: Презентация по информатике «Компьютерная графика»

Презентация по информатике "Компьютерная графика"

Описание презентации по отдельным слайдам:

1 слайд Компьютерная графика. Основные понятия. Описание слайда:

Компьютерная графика. Основные понятия.

2 слайд Содержание Компьютерная графика Экскурс в историю Виды компьютерной графики Р Описание слайда:

Содержание Компьютерная графика Экскурс в историю Виды компьютерной графики Растровая графика Векторная графика Сравнение векторной и растровой графики Назначение компьютерной графики Список используемой литературы

3 слайд Компьютерная графика это раздел информатики, занимающийся проблемами «рисован Описание слайда:

Компьютерная графика это раздел информатики, занимающийся проблемами «рисования» на ЭВМ Информация, представленная с помощью компьютерной графики, обладает свойствами: НАГЛЯДНОСТЬ ПОНЯТНОСТЬ

4 слайд Еще 100 лет назад человек представлял результаты вычислений в виде начерченны Описание слайда:

Еще 100 лет назад человек представлял результаты вычислений в виде начерченных вручную чертежей, схем, диаграмм. Экскурс в историю Очень скоро у человека появилась идея поручить графическую обработку машине

5 слайд На первом этапе удалось получить рисунки с помощью символов (в режиме символь Описание слайда:

На первом этапе удалось получить рисунки с помощью символов (в режиме символьной графики) крестиков звездочек точек Следующий этап – создание графопостроителей (плоттеров) Работает при помощи чернильного пера Создание для плоттеров специального программного обеспечения

6 слайд III этап – создание графических дисплеев Позволяет получить рисунки на экране
Описание слайда:

III этап – создание графических дисплеев Позволяет получить рисунки на экране дисплея в том же виде, как на бумаге с помощью красок, чертежных инструментов Готовый рисунок выводится на бумагу с помощью принтера цветной или черно-белой печати

7 слайд Назначение компьютерной графики Графика Деловая Конструкторская Научная Иллюс Описание слайда:

Назначение компьютерной графики Графика Деловая Конструкторская Научная Иллюстративная Художественная и рекламная

8 слайд Видеоконтроллер (адаптер) Графическая система компьютера Центральный процесс
Описание слайда:

Видеоконтроллер (адаптер) Графическая система компьютера Центральный процессор Оперативная память Информационная магистраль Видеопамять Дисплейный процессор

9 слайд Графический дисплей Растр Видеопиксель (пиксель) Разрешение экрана Растровые Описание слайда:

Графический дисплей Растр Видеопиксель (пиксель) Разрешение экрана Растровые дисплеи Система RGB

10 слайд Видеоконтроллер ? ? Видеопамять Дисплейный процессор
Описание слайда:

Видеоконтроллер ? ? Видеопамять Дисплейный процессор

11 слайд Виды компьютерной графики Для разработки мультимедийных и полиграфических изд Описание слайда:

Виды компьютерной графики Для разработки мультимедийных и полиграфических изданий. Компьютер используется в основном для обработки растровых изображений Для создания иллюстраций. Используют в рекламных агентствах, дизайнерских бюро, редакциях и издательствах Создание фрактальных изображений основано на программировании. Графика основана на автоматической генерации изображений путем математических расчетов. Этот вид графики используется очень редко

12 слайд
Растровая графика Растровые изображения – это однослойная сетка точек, называ Описание слайда:

Растровая графика Растровые изображения – это однослойная сетка точек, называемых пикселами. Каждая из них имеет свой цвет. Растровое изображение может иметь фотографическое качество.

13 слайд Каждый пиксель кодируется, поэтому растровые изображения имеют большой объем Описание слайда:

Каждый пиксель кодируется, поэтому растровые изображения имеют большой объем информации. Изображения большого формата требуют существенных компьютерных ресурсов Изображение состоит из точек, поэтому увеличение изображения приводит к тому, что эти точки становятся крупнее и изображение искажается. Этот эффект называется пикселизацией увеличение

14 слайд Векторная графика - Векторное изображение многослойно. Каждый элемент изображ Описание слайда:

Векторная графика - Векторное изображение многослойно. Каждый элемент изображения (линия, прямоугольник, овал) располагается в своем собственном слое Каждый элемент векторного изображения является объектом, описанным с помощью мат.уравнения линий, дуг, окружности Векторное изображение – это совокупность слоев, содержащих различные графические объекты. На экран векторное изображение выводится в виде точек (так устроен экран монитора)

15 слайд Достоинства: 1. Графические файлы векторного типа имеют небольшие размеры. 2
Описание слайда:

Достоинства: 1. Графические файлы векторного типа имеют небольшие размеры. 2. Можно изменять размер векторного изображения без потери его качества. Недостатки: Векторная графика не позволяет получать изображения фотографического качества.

16 слайд Сравнение векторной и растровой графики Большой объем файлов Малый объем файл Описание слайда:

Сравнение векторной и растровой графики Большой объем файлов Малый объем файлов Получение изображений фотографического качества Невозможность увеличения изображения Невозможно получить изображение фотографического качества Изображение очень легко масштабируется

17 слайд ДЕЛОВАЯ ГРАФИКА Для создания иллюстраций, отражающих работу разных учреждений Описание слайда:

ДЕЛОВАЯ ГРАФИКА Для создания иллюстраций, отражающих работу разных учреждений Плановые показатели, отчетная документация, статистические сводки Графики, круговые и столбчатые диаграммы Вернуться назад

18 слайд НАУЧНАЯ ГРАФИКА Назначение – визуализация (наглядное изображение) объектов на
Описание слайда:

НАУЧНАЯ ГРАФИКА Назначение – визуализация (наглядное изображение) объектов научных исследований Проведение вычислительных экспериментов с наглядным представлением результатов Графическая обработка результатов расчетов Вернуться назад

19 слайд КОНСТРУКТОРСКАЯ ГРАФИКА Вернуться назад обязательный элемент систем автоматиз Описание слайда:

КОНСТРУКТОРСКАЯ ГРАФИКА Вернуться назад обязательный элемент систем автоматизации проектирования (САПР), используется для подготовки чертежей проектируемых устройств Используется в работе инженеров-конструкторов, изобретателей новой техники Назначение – визуализация (наглядное изображение) объектов научных исследований

20 слайд Художественная и рекламная графика Создание рекламных роликов, мультфильмов,
Описание слайда:

Художественная и рекламная графика Создание рекламных роликов, мультфильмов, компьютерных игр, видеоуроков, видеопрезентаций Получение рисунков трехмерных (пространственных) обьектов, их повороты, приближения Для создания изображений в графических пакетах используется сложный математический аппарат Вернуться назад

21 слайд ИЛЛЮСТРАТИВНАЯ ГРАФИКА Компьютер используется для рисования, черчения подобно Описание слайда:

ИЛЛЮСТРАТИВНАЯ ГРАФИКА Компьютер используется для рисования, черчения подобно тому, как это делается на бумаге с помощью красок, карандашей, циркулей Программные средства иллюстративной графики -это графические редакторы Paint, Adobe Photoshop, Microsoft Draw, Corel Draw, Adobe Illustrator Вернуться назад

22 слайд ФРАКТАЛЬНАЯ ГРАФИКА Фрактальная графика – вычисляемая, но никакие объекты в п Описание слайда:

ФРАКТАЛЬНАЯ ГРАФИКА Фрактальная графика – вычисляемая, но никакие объекты в памяти компьютера не сохраняются. В памяти хранится только уравнение, по которому строится изображение Фрактальная фигура – это фигура, элементарные части которой повторяют свойства своих родительских структур. Простейшая фигура – треугольник Вернуться назад

23 слайд Список используемой литературы Информатика. Базовый курс. 7-9 классы. Семакин Описание слайда:

Список используемой литературы Информатика. Базовый курс. 7-9 классы. Семакин И.Г.,Залогова Л.А., Русаков С.В., Шестакова Л.В. – М.: Юнимедиастал, 2002. Office.microsoft.com/clipart center.fio.ru/som

Список используемой литературы Информатика. Базовый курс. 7-9 классы. Семакин

Курс профессиональной переподготовки

Учитель информатики

Список используемой литературы Информатика. Базовый курс. 7-9 классы. Семакин

Курс профессиональной переподготовки

Учитель математики и информатики

Список используемой литературы Информатика. Базовый курс. 7-9 классы. Семакин

Курс повышения квалификации

Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:

Выберите категорию: Все категорииАлгебраАнглийский языкАстрономияБиологияВнеурочная деятельностьВсеобщая историяГеографияГеометрияДиректору, завучуДоп. образованиеДошкольное образованиеЕстествознаниеИЗО, МХКИностранные языкиИнформатикаИстория РоссииКлассному руководителюКоррекционное обучениеЛитератураЛитературное чтениеЛогопедия, ДефектологияМатематикаМузыкаНачальные классыНемецкий языкОБЖОбществознаниеОкружающий мирПриродоведениеРелигиоведениеРодная литератураРодной языкРусский языкСоциальному педагогуТехнологияУкраинский языкФизикаФизическая культураФилософияФранцузский языкХимияЧерчениеШкольному психологуЭкологияДругое

Выберите класс: Все классыДошкольники1 класс2 класс3 класс4 класс5 класс6 класс7 класс8 класс9 класс10 класс11 класс

Выберите учебник: Все учебники

Выберите тему: Все темы

также Вы можете выбрать тип материала:

loading

Общая информация

Номер материала: ДБ-149903

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Презентация к уроку по информатике и икт (8 класс) на тему: Презентация "Виды компьютерной графики"

Слайд 1

«Виды компьютерной графики» Информатика, 8 класс

Слайд 2

« Я думаю, что чертеж очень полезное средство против неопределенности слов» Лейбниц

Слайд 3

Впервые представление данных в графическом виде было реализовано в середине 50-х годов ХХ века для больших ЭВМ, которые применялись в научных и военных исследованиях. Особенно интенсивно технология обработки графической информации с помощью компьютера стала развиваться в 80-х годах .

Слайд 4

В настоящее время графический интерфейс пользователя стал стандартом для программного обеспечения персональных компьютеров Вероятно, это связано со свойством человеческой психики: наглядность способствует более быстрому пониманию.

Слайд 5

ФРАКТАЛЬНАЯ РАСТРОВАЯ ТРЕХМЕРНАЯ НАУЧНАЯ АНИМАЦИЯ ВЕКТОРНАЯ КОНСТРУКТОРСКАЯ ДЕЛОВАЯ ИЛЛЮСТРАТИВНАЯ Распределение ГРАФИКИ по направлениям и видам

Слайд 6

Под видами компьютерной графики подразумевается способ хранения изображения на плоскости монитора. Виды компьютерной графики отличаются принципами формирования изображения

Слайд 7

Виды компьютерной графики растровая векторная фрактальная точка линия треугольник Базовые элементы трёхмерная плоскость

Слайд 8

Растровое изображение

Слайд 9

Растровое изображение формируется из определенного количеств строк, каждая из которых содержит определенное количество точек (пикселов)

Слайд 10

Например, изображение листа описывается конкретным расположением и цветом каждой точки, что создает изображение примерно также, как в мозаике Для обработки таких файлов используют такие редакторы, как: Paint, Photoshop

Слайд 11

Растровые изображения очень хорошо передают реальные образы. Они замечательно подходят для фотографий, картин и в других случаях, когда требуется максимальная "естественность". Такие изображения легко выводить на монитор или принтер, поскольку эти устройства тоже основаны на растровом принципе.

Слайд 12

Одной из главных проблем растровых файлов является масштабирование : при существенном увеличении изображения появляется зернистость, ступенчатость, картинка может превратиться в набор неряшливых квадратов (увеличенных пикселей ). Растровое изображение и его увеличенная копия

Слайд 13

при большом уменьшении существенно снижается количество точек, поэтому исчезают наиболее мелкие детали, происходит потеря четкости.

Слайд 14

Качество изображения определяется разрешающей способностью монитора. Разрешающая способность монитора определяется максимальным количеством отдельных точек, которые он может генерировать. Она измеряется числом точек в одной горизонтальной строке и числом горизонтальных строк по вертикали.

Слайд 15

Объем растрового изображения = количество точек (число точек по горизонтали* число точек по вертикали) * информационный объем одной точки, который зависит от количества возможных цветов.

Слайд 16

Наиболее простое растровое изображение состоит из пикселов имеющих только два возможных цвета черный и белый Для черно-белого изображения информационный объем одной точки равен 1 биту, т.к. она может быть либо черной, либо белой, что можно закодировать двумя цифрами - 0 или 1 . 0 1

Слайд 17

Цветное изображение на экране получается путем смешивания трех базовых цветов : красного, синего и зеленого (RGB).

Слайд 18

Каждый пиксель на экране состоит из трех близко расположенных элементов, светящихся этими цветами Цветные дисплеи, использующие такой принцип называются RGB - мониторами Код цвета пикселя содержит информацию о доле каждого базового цвета

Слайд 19

Векторная графика

Слайд 20

Векторное изображение рассматривается как графический объект, представляющий собой совокупность графических примитивов (точек, линий, прямоугольников, окружностей и т.д.) и описывающих их математических формул. Положение и форма графического объекта задается в системе графических координат, связанных с экраном. Обычно начало координат расположено в верхнем левом углу экрана 0

Слайд 21

Например, графический примитив точка задаётся своими координатами (Х, У), линия - координатами начала (Х1,У1) и конца (Х2,У2), окружность - координатами центра (Х, У) и радиусом (R), прямоугольник – координатами диагонали (Х1, У1) (Х2, У2) и т.д. Кроме того, для каждой линии указывается ее тип (сплошная, пунктирная), толщина и цвет. X 0 A (x1,y1) B (x2,y2) O ( x,y ) R y B (x2,y2) A (x1,y1) A ( x,y )

Слайд 22

Информация о векторном изображении кодируется как обычная буквенно-цифровая и обрабатывается специальными программами. Очень популярны такие программы, как CorelDRAW , Adobe Illustrator , Macromedia FreeHand .

Слайд 23

ДОСТОИНСТВА ВЕКТОРНОЙ ГРАФИКИ При кодировании векторного изображения хранится не само изображение объекта, а координаты точек, используя которые программа всякий раз воссоздает изображение заново. Кроме того, описание цветовых характеристик не сильно увеличивает размер файла. Поэтому объем памяти очень мал по сравнению с точечной графикой (растровой ). Объекты векторной графики легко трансформируйте ими просто манипулировать, что не оказывает практически никакого влияния на качество изображении. Это возможно, так как масштабирование изображений производится с помощью простых математических операций (умножения параметров графических примитивов на коэффициент масштабирования )

Слайд 24

В тех областях графики, где принципиальное значение имеет сохранение ясных и четких контуров, например в шрифтовых композициях, в создании фирменных знаков логотипов и пр., векторная графика незаменима.

Слайд 25

Недостатки векторной графики Основной минус - то, что представлено в векторном формате почти всегда будет выглядеть, как рисунок. Векторная графика действительно ограничена в чисто живописных средствах и не предназначена для создания фотореалистических изображений. В последних версиях векторных программ внедряется все больше элементов "живописности" (падающие тени, прозрачности и другие эффекты, ранее свойственные исключительно программам точечной графики )

Слайд 26

Значительным недостатком векторной графики является программная зависимость: каждая программа сохраняет данные в своем собственном формате, Поэтому изображение, созданное в одном векторном редакторе, как правило, не конвертируется в формат другой программы без погрешностей

Слайд 27

Фрактальная графика

Слайд 28

Фрактал – это объект, отдельные элементы которого наследуют свойства родительских структур. Фрактальное изображение строится по уравнению (или по системе уравнений), поэтому ничего, кроме формулы, хранить не надо. Изменив коэффициенты в уравнении, можно получить совершенно другую фрактальную картину.

Слайд 29

Простейшим фрактальным объектом является фрактальный треугольник . Постройте обычный равносторонний треугольник. Разделите каждую из его сторон на три отрезка. На среднем отрезке стороны постройте равносторонний треугольник со стороной, равной 1/3 стороны исходного треугольника, а на других отрезках постройте равносторонние треугольники со стороной, равной 1/9. С полученными треугольниками повторите те же операции. Вскоре вы увидите, что треугольники последующих поколений наследуют свойства своих родительских фрактальных структур. Так рождается фрактальная фигура.

Слайд 30

Фрактальными свойствами обладают многие объекты живой и неживой природы. Обычная снежинка, многократно увеличенная, оказывается фрактальным объектом. Фрактальные алгоритмы лежат в основе роста кристаллов и растений.

Слайд 31

Способность фрактальной графики моделировать образы живой природы вычислительным путем часто используют для автоматической генерации необычных фрактальных иллюстраций.

Презентация к уроку "Компьютерная графика"

Описание презентации по отдельным слайдам:

1 слайд Описание слайда: 2 слайд Компьютерная графика - область информатики, изучающая методы и свойства обра Описание слайда:

Компьютерная графика - область информатики, изучающая методы и свойства обработки изображений с помощью программно-аппаратных средств.

3 слайд Применение компьютерной графики Описание слайда:

Применение компьютерной графики

4 слайд Применение компьютерной графики Описание слайда: 5 слайд Художественная и рекламная графика Описание слайда:

Художественная и рекламная графика

6 слайд Художественная и рекламная графика Описание слайда: 7 слайд Классификация компьютерной графики. 	В зависимости от способа формирования из Описание слайда:

Классификация компьютерной графики. В зависимости от способа формирования изображений компьютерную графику подразделяют: Растровая графика. Векторная графика. Трехмерная графика. Фрактальная графика.

8 слайд Растровая графика Описание слайда:

Растровая графика

9 слайд Растровое изображение 	Растровое изображение составляется из мельчайших точек Описание слайда:

Растровое изображение Растровое изображение составляется из мельчайших точек (пикселов) – цветных квадратов одинакового размера.

10 слайд Растр - (от нем. raster - сетка, решетка) – представление изображения в виде Описание слайда:

Растр - (от нем. raster - сетка, решетка) – представление изображения в виде двумерного массива точек (пикселов), упорядоченных в ряды и столбцы

11 слайд Примеры растровых изображений Описание слайда:

Примеры растровых изображений

12 слайд Примеры растровых изображений Описание слайда:

Примеры растровых изображений

13 слайд Программы для работы с растровой графикой: Paint Adobe PhotoShop Описание слайда:

Программы для работы с растровой графикой: Paint Adobe PhotoShop

14 слайд Применение растровой графики. ретуширование, реставрирование фотографий; созд Описание слайда:

Применение растровой графики. ретуширование, реставрирование фотографий; создание и обработка фотомонтажа, коллажей; применение к изображениям различных спецэффектов; сканирование изображений.

15 слайд Применение растровой графики. ретуширование, реставрирование фотографий; созд Описание слайда: 16 слайд Векторная графика описывает изображение с помощью математических формул. Вект Описание слайда:

Векторная графика описывает изображение с помощью математических формул. Векторное изображение

17 слайд Векторное изображение Векторная графика — способ представления объектов и изо Описание слайда:

Векторное изображение Векторная графика — способ представления объектов и изображений, основанный на использовании элементарных геометрических объектов, таких как точки, линии, и многоугольники.

18 слайд Сложные объекты векторной графики при увеличении можно рассматривать более по Описание слайда:

Сложные объекты векторной графики при увеличении можно рассматривать более подробно

19 слайд Примеры векторных изображений Описание слайда:

Примеры векторных изображений

20 слайд Примеры векторных изображений Описание слайда:

Примеры векторных изображений

21 слайд AutoCAD Corel Draw Программы для работы с векторной графикой: Описание слайда:

AutoCAD Corel Draw Программы для работы с векторной графикой:

22 слайд Применение векторной графики. для создания вывесок, этикеток, логотипов, эмбл Описание слайда:

Применение векторной графики. для создания вывесок, этикеток, логотипов, эмблем, для построения чертежей, диаграмм, графиков, схем; для рисованных изображений с четкими контурами, не обладающих большим спектром оттенков цветов.

23 слайд Применение векторной графики. для создания вывесок, этикеток, логотипов, эмбл Описание слайда: 24 слайд Трехмерная графика (3D) Трёхмерная графика (от англ. 3 Dimensions — рус. 3 из Описание слайда:

Трехмерная графика (3D) Трёхмерная графика (от англ. 3 Dimensions — рус. 3 измерения)  — раздел компьютерной графики, совокупность приемов и инструментов, предназначенных для изображения объёмных объектов.

25 слайд Базовый элемент трехмерной графики – гладкая поверхность. Вид поверхности при Описание слайда:

Базовый элемент трехмерной графики – гладкая поверхность. Вид поверхности при этом определяется расположенной в пространстве сеткой опорных точек.

26 слайд Программы для работы с трехмерной графикой: 3D Studio MAX, AutoCAD, Компас Описание слайда:

Программы для работы с трехмерной графикой: 3D Studio MAX, AutoCAD, Компас

27 слайд Примеры трехмерных изображений. Описание слайда:

Примеры трехмерных изображений.

28 слайд Примеры трехмерных изображений. Описание слайда:

Примеры трехмерных изображений.

29 слайд Применение трехмерной графики: инженерное проектирование, компьютерное модели Описание слайда:

Применение трехмерной графики: инженерное проектирование, компьютерное моделирование физических объектов проектирование изделия в машиностроении, видеоролики, архитектура, компьютерные игры.

30 слайд Применение трехмерной графики: инженерное проектирование, компьютерное модели Описание слайда: 31 слайд Фрактальная графика Фрактальная графика является на сегодняшний день одним из Описание слайда:

Фрактальная графика Фрактальная графика является на сегодняшний день одним из самых быстро развивающихся перспективных видов компьютерной графики  Фрактал - это рисунок, который состоит из подобных между собой элементов. 

32 слайд Одним из основных свойств фрактала является самоподобие Фрактус – состоящий и Описание слайда:

Одним из основных свойств фрактала является самоподобие Фрактус – состоящий из фрагментов

33 слайд Программа для работы с фрактальной графикой: Программа Fracplanet 4.0 Описание слайда:

Программа для работы с фрактальной графикой: Программа Fracplanet 4.0

34 слайд Примеры фрактальных изображений Описание слайда:

Примеры фрактальных изображений

35 слайд Примеры фрактальных изображений Описание слайда:

Примеры фрактальных изображений

36 слайд Закрепление. А Б В Г Описание слайда:

Закрепление. А Б В Г

37 слайд А Б В Г Описание слайда:

А Б В Г

38 слайд А Б В Г Описание слайда: А Б В Г

Курс профессиональной переподготовки

Учитель информатики

А Б В Г

Курс профессиональной переподготовки

Учитель математики и информатики

А Б В Г

Курс повышения квалификации

Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:

Выберите категорию: Все категорииАлгебраАнглийский языкАстрономияБиологияВнеурочная деятельностьВсеобщая историяГеографияГеометрияДиректору, завучуДоп. образованиеДошкольное образованиеЕстествознаниеИЗО, МХКИностранные языкиИнформатикаИстория РоссииКлассному руководителюКоррекционное обучениеЛитератураЛитературное чтениеЛогопедия, ДефектологияМатематикаМузыкаНачальные классыНемецкий языкОБЖОбществознаниеОкружающий мирПриродоведениеРелигиоведениеРодная литератураРодной языкРусский языкСоциальному педагогуТехнологияУкраинский языкФизикаФизическая культураФилософияФранцузский языкХимияЧерчениеШкольному психологуЭкологияДругое

Выберите класс: Все классыДошкольники1 класс2 класс3 класс4 класс5 класс6 класс7 класс8 класс9 класс10 класс11 класс

Выберите учебник: Все учебники

Выберите тему: Все темы

также Вы можете выбрать тип материала:

loading

Общая информация

Номер материала: ДБ-019813

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Презентация "Виды компьютерной графики"

Описание презентации по отдельным слайдам:

1 слайд Виды графики Описание слайда:

Виды графики

2 слайд Изучив эту тему вы узнаете: Виды графических компьютерных изображений; Принци Описание слайда:

Изучив эту тему вы узнаете: Виды графических компьютерных изображений; Принципы формирования графических изображений;

3 слайд Компьютерная графика - область информатики, изучающая методы и свойства обраб Описание слайда:

Компьютерная графика - область информатики, изучающая методы и свойства обработки изображений с помощью программно-аппаратных средств. Под видами компьютерной графики подразумевается способ хранения изображения на плоскости монитора. Виды компьютерной графики отличаются принципами формирования изображения

4 слайд Виды компьютерной графики растровая векторная фрактальная точка линия треугол Описание слайда:

Виды компьютерной графики растровая векторная фрактальная точка линия треугольник Наименьший элемент трёхмерная плоскость

5 слайд Растровое изображение 	Растровое изображение составляется из мельчайших точек Описание слайда:

Растровое изображение Растровое изображение составляется из мельчайших точек (пикселов) – цветных квадратиков одинакового размера. Растровое изображение подобно мозаике - когда приближаете (увеличиваете) его, то видите отдельные пиксели, а если удаляете (уменьшаете), пиксели сливаются.

6 слайд Растровое изображение 	Растровое изображение составляется из мельчайших точек Описание слайда: 7 слайд Изображение может иметь различное разрешение, которое определяется количество Описание слайда:

Изображение может иметь различное разрешение, которое определяется количеством точек по горизонтали и вертикали. Растр M x N (графическая сетка)

8 слайд Растр - (от англ. raster) – представление изображения в виде двумерного масси Описание слайда:

Растр - (от англ. raster) – представление изображения в виде двумерного массива точек (пикселов), упорядоченных в ряды и столбцы

9 слайд Основные проблемы при работе с растровой графикой Увеличение изображения прив Описание слайда:

Основные проблемы при работе с растровой графикой Увеличение изображения приводит к эффекту пикселизации, иллюстрация искажается

10 слайд Основные проблемы при работе с растровой графикой Увеличение изображения прив Описание слайда: 11 слайд Основные проблемы при работе с растровой графикой Увеличение изображения прив Описание слайда: 12 слайд Большие объемы данных. Размер файла зависит от: глубины цвета точек, размера Описание слайда:

Большие объемы данных. Размер файла зависит от: глубины цвета точек, размера изображения (в большем размере вмещается больше точек), разрешения изображения (при большем разрешении на единицу площади изображения приходится больше точек).

13 слайд Форматы файлов растровой графики .bmp	 Стандартный формат Windows. Большой ра Описание слайда:

Форматы файлов растровой графики .bmp Стандартный формат Windows. Большой размер файлов из-за отсутствия сжатия изображения. .jpg .jpeg Предназначен для хранения многоцветных изображений (фотографий). Отличается огромной степенью сжатия за счет потери информации. Степень сжатия можно регулировать. .gif Самый «плотный». Фиксированное количество цветов (256). Позволяет создавать прозрачность фона и анимацию изображения

14 слайд Применение: ретуширования, реставрирования фотографий; создания и обработки ф Описание слайда:

Применение: ретуширования, реставрирования фотографий; создания и обработки фотомонтажа; после сканирования изображения получаются в растровом виде

15 слайд Программы для работы с растровой графикой: Paint Adobe Photo Shop Близкими ан Описание слайда:

Программы для работы с растровой графикой: Paint Adobe Photo Shop Близкими аналогами являются: живопись, фотография

16 слайд Векторная графика Предназначена для создания иллюстраций с применением шрифто Описание слайда:

Векторная графика Предназначена для создания иллюстраций с применением шрифтов и простейших геометрических объектов Основным элементом векторного изображения является контур (линия)

17 слайд линии Описание слайда:

линии

18 слайд Контурные объекты векторной графики Описание слайда:

Контурные объекты векторной графики

19 слайд Сложные объекты векторной графики при увеличении можно рассматривать более по Описание слайда:

Сложные объекты векторной графики при увеличении можно рассматривать более подробно

20 слайд Компьютер хранит элементы изображения (линии, кривые, фигуры) в виде математи Описание слайда:

Компьютер хранит элементы изображения (линии, кривые, фигуры) в виде математических формул. При открытии файла программа прорисовывает элементы изображения по их математическим формулам (уравнениям). Кривые первого порядка

21 слайд Кривые второго порядка Описание слайда:

Кривые второго порядка

22 слайд Кривые третьего порядка Описание слайда:

Кривые третьего порядка

23 слайд Кривая Безье. Описание слайда:

Кривая Безье.

24 слайд Векторное изображение масштабируется без потери качества: масштабирование изо Описание слайда:

Векторное изображение масштабируется без потери качества: масштабирование изображения происходит при помощи математических операций: параметры примитивов просто умножаются на коэффициент масштабирования.

25 слайд Векторное изображение можно расчленить на отдельные элементы (линии или фигу Описание слайда:

Векторное изображение можно расчленить на отдельные элементы (линии или фигуры), и каждый редактировать, трансформировать независимо.

26 слайд Близкими аналогами являются слайды мультфильмов, представление математически Описание слайда:

Близкими аналогами являются слайды мультфильмов, представление математических функций на графике. Программы для работы с векторной графикой: Corel Draw Adobe Illustrator AutoCAD

27 слайд Применение: для создания вывесок, этикеток, логотипов, эмблем и пр. символьны Описание слайда:

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

28 слайд Сравнительная характеристика растровой и векторной графики Характеристики	Рас Описание слайда:

Сравнительная характеристика растровой и векторной графики Характеристики Растровая графика Векторная графика Элементарный объект Изображение(совокупность точек, объектов) Фотографическое качество Распечатка на принтере Объем памяти Масштабирование Группировка и разгруппировка Форматы

29 слайд Сравнительная характеристика растровой и векторной графики Характеристики	Рас Описание слайда:

Сравнительная характеристика растровой и векторной графики Характеристики Растровая графика Векторная графика Элементарный объект пиксель (точка) контур и внутренняя область Изображение совокупность точек (матрица) совокупность объектов Фотографическое качество да нет Распечатка на принтере легко иногда не печатаются или выглядят не так Объем памяти очень большой относительно небольшой Масштабирование нежелательно да Группировка и разгруппировка нет да Форматы BMP, GIF, JPG, JPEG WMF, EPS

30 слайд Трехмерная графика Описание слайда:

Трехмерная графика

31 слайд Для создания реалистичной модели объекта используют геометрические примитивы Описание слайда:

Для создания реалистичной модели объекта используют геометрические примитивы (прямоугольник, куб, шар, конус и прочие) и гладкие поверхности.

32 слайд Программы для работы с трехмерной графикой: 3D Studio MAX 5, AutoCAD, Компас Описание слайда:

Программы для работы с трехмерной графикой: 3D Studio MAX 5, AutoCAD, Компас Применение: научные расчеты, инженерное проектирование, компьютерное моделирование физических объектов изделия в машиностроении, видеороликах, архитектуре,

33 слайд Фрактальная графика Основной элемент- математическая формула. Аналоги: Снежин Описание слайда:

Фрактальная графика Основной элемент- математическая формула. Аналоги: Снежинка, кристалл.

34 слайд Одним из основных свойств является самоподобие Фрактус – состоящий из фрагмен Описание слайда:

Одним из основных свойств является самоподобие Фрактус – состоящий из фрагментов

35 слайд Одним из основных свойств является самоподобие Фрактус – состоящий из фрагмен Описание слайда: Одним из основных свойств является самоподобие Фрактус – состоящий из фрагмен

Курс профессиональной переподготовки

Учитель информатики

Одним из основных свойств является самоподобие Фрактус – состоящий из фрагмен

Курс профессиональной переподготовки

Учитель математики и информатики

Одним из основных свойств является самоподобие Фрактус – состоящий из фрагмен

Курс повышения квалификации

Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:

Выберите категорию: Все категорииАлгебраАнглийский языкАстрономияБиологияВнеурочная деятельностьВсеобщая историяГеографияГеометрияДиректору, завучуДоп. образованиеДошкольное образованиеЕстествознаниеИЗО, МХКИностранные языкиИнформатикаИстория РоссииКлассному руководителюКоррекционное обучениеЛитератураЛитературное чтениеЛогопедия, ДефектологияМатематикаМузыкаНачальные классыНемецкий языкОБЖОбществознаниеОкружающий мирПриродоведениеРелигиоведениеРодная литератураРодной языкРусский языкСоциальному педагогуТехнологияУкраинский языкФизикаФизическая культураФилософияФранцузский языкХимияЧерчениеШкольному психологуЭкологияДругое

Выберите класс: Все классыДошкольники1 класс2 класс3 класс4 класс5 класс6 класс7 класс8 класс9 класс10 класс11 класс

Выберите учебник: Все учебники

Выберите тему: Все темы

также Вы можете выбрать тип материала:

loading

Общая информация

Номер материала: ДБ-389117

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Презентация по теме "Компьютерная графика и её виды"

Выберите документ из архива для просмотра:

Выбранный для просмотра документ Компьютерная графика и ее виды.ppt

Описание презентации по отдельным слайдам:

1 слайд КОМПЬЮТЕРНАЯ ГРАФИКА КЛАССИФИКАЦИЯ КОМПЬЮТЕРНОЙ ГРАФИКИ Описание слайда:

КОМПЬЮТЕРНАЯ ГРАФИКА КЛАССИФИКАЦИЯ КОМПЬЮТЕРНОЙ ГРАФИКИ

2 слайд КОМПЬЮТЕРНАЯ ГРАФИКА - это система методов, алгоритмов и программ для ввода, Описание слайда:

КОМПЬЮТЕРНАЯ ГРАФИКА - это система методов, алгоритмов и программ для ввода, обработки и отображения графической информации на графических устройствах ПК.

3 слайд ГРАФИЧЕСКИЙ РЕДАКТОР - это программа (для ПК), предназначенная для создания и Описание слайда:

ГРАФИЧЕСКИЙ РЕДАКТОР - это программа (для ПК), предназначенная для создания и обработки графических изображений

4 слайд КЛАССИФИКАЦИИ КОМПЬЮТЕРНОЙ ГРАФИКИ в зависимости от организации работы графич Описание слайда:

КЛАССИФИКАЦИИ КОМПЬЮТЕРНОЙ ГРАФИКИ в зависимости от организации работы графической системы в зависимости от способа формирования изображения в зависимости от цветового охвата в зависимости от способов применения в зависимости от способов показа изображения

5 слайд В зависимости от организации работы графической системы АКТИВНАЯ ПАССИВНАЯ НА Описание слайда:

В зависимости от организации работы графической системы АКТИВНАЯ ПАССИВНАЯ НАЗАД

6 слайд АКТИВНАЯ КОМПЬЮТЕРНАЯ ГРАФИКА - дает возможность пользователю управлять изобр Описание слайда:

АКТИВНАЯ КОМПЬЮТЕРНАЯ ГРАФИКА - дает возможность пользователю управлять изображением. ПРИМЕР НАЗАД ПРИМЕР

7 слайд ПАССИВНАЯ КОМПЬЮТЕРНАЯ ГРАФИКА - это графика, при которой дисплей используетс Описание слайда:

ПАССИВНАЯ КОМПЬЮТЕРНАЯ ГРАФИКА - это графика, при которой дисплей используется только для вывода изображения без вмешательства пользователя. НАЗАД

8 слайд В зависимости от способа формирования изображения РАСТРОВАЯ ГРАФИКА ВЕКТОРНАЯ Описание слайда:

В зависимости от способа формирования изображения РАСТРОВАЯ ГРАФИКА ВЕКТОРНАЯ ГРАФИКА ФРАКТАЛЬНАЯ ГРАФИКА ТРЕХМЕРНАЯ ГРАФИКА НАЗАД

9 слайд РАСТРОВАЯ ГРАФИКА - это графика, в которой изображение представляется из отде Описание слайда:

РАСТРОВАЯ ГРАФИКА - это графика, в которой изображение представляется из отдельных точек, называемых пикселями. ДАЛЕЕ

10 слайд Растровая графика Основным элементом РГ является точка. Если изображение экра Описание слайда:

Растровая графика Основным элементом РГ является точка. Если изображение экранное, то эта точка называется пикселем. Недостатки: большие объемы данных невозможность увеличения

11 слайд НАЗАД Описание слайда:

НАЗАД

12 слайд ВЕКТОРНАЯ ГРАФИКА - это вычислительная графика, в которой изображение строитс Описание слайда:

ВЕКТОРНАЯ ГРАФИКА - это вычислительная графика, в которой изображение строится с использованием математических описаний. ДАЛЕЕ

13 слайд Векторная графика Основным элементом ВГ является линия (линия или кривая). Ли Описание слайда:

Векторная графика Основным элементом ВГ является линия (линия или кривая). Линии бывают замкнутые и незамкнутые. Незамкнутая линия имеет свойства: Форма Толщина Цвет Характер линии (сплошная, пунктирная и т.д.) Замкнутая линия имеет свойства: цвет заполнения текстура заполнения карта градиент Примеры

14 слайд Примеры ДАЛЕЕ Описание слайда:

Примеры ДАЛЕЕ

15 слайд Узел линии Простейшая линия, если она не замкнута имеет , имеет две вершины, Описание слайда:

Узел линии Простейшая линия, если она не замкнута имеет , имеет две вершины, которые называются узлами. узлы НАЗАД

16 слайд ФРАКТАЛЬНАЯ ГРАФИКА - это вычислительная графика, но никакие объекты этой гра Описание слайда:

ФРАКТАЛЬНАЯ ГРАФИКА - это вычислительная графика, но никакие объекты этой графики в памяти ПК не хранятся; изображение строится по уравнению или системе уравнений. ДАЛЕЕ

17 слайд Понятие о фрактальной графике Простейший объект – фрактальный треугольник. НА Описание слайда:

Понятие о фрактальной графике Простейший объект – фрактальный треугольник. НАЗАД

18 слайд ТРЕХМЕРНАЯ ГРАФИКА - графика, в которой объекты расположены в пространстве НА Описание слайда:

ТРЕХМЕРНАЯ ГРАФИКА - графика, в которой объекты расположены в пространстве НАЗАД ПРИМЕР

19 слайд В зависимости от цветового охвата ЧЕРНО-БЕЛАЯ ГРАФИКА ЦВЕТНАЯ ГРАФИКА НАЗАД Описание слайда:

В зависимости от цветового охвата ЧЕРНО-БЕЛАЯ ГРАФИКА ЦВЕТНАЯ ГРАФИКА НАЗАД

20 слайд Монохромное изображение НАЗАД Описание слайда:

Монохромное изображение НАЗАД

21 слайд Полноцветное (цветное) изображение НАЗАД Описание слайда:

Полноцветное (цветное) изображение НАЗАД

22 слайд В зависимости от способов применения НАУЧНАЯ ГРАФИКА ИНЖЕНЕРНАЯ ГРАФИКА ДЕЛОВ Описание слайда:

В зависимости от способов применения НАУЧНАЯ ГРАФИКА ИНЖЕНЕРНАЯ ГРАФИКА ДЕЛОВАЯ ГРАФИКА НАЗАД

23 слайд НАУЧНАЯ ГРАФИКА - вывод графиков, построение тел. НАЗАД Описание слайда:

НАУЧНАЯ ГРАФИКА - вывод графиков, построение тел. НАЗАД

24 слайд ИНЖЕНЕРНАЯ ГРАФИКА - системы автоматизации проекционных работ (чертежи, схемы Описание слайда:

ИНЖЕНЕРНАЯ ГРАФИКА - системы автоматизации проекционных работ (чертежи, схемы и пр.) НАЗАД

25 слайд ДЕЛОВАЯ ГРАФИКА - построение диаграмм, создание рекламных роликов НАЗАД Описание слайда:

ДЕЛОВАЯ ГРАФИКА - построение диаграмм, создание рекламных роликов НАЗАД

26 слайд В зависимости от способов показа изображения ИЛЛЮСТРАТИВНАЯ ГРАФИКА ДЕМОНСТРА Описание слайда:

В зависимости от способов показа изображения ИЛЛЮСТРАТИВНАЯ ГРАФИКА ДЕМОНСТРАТИВНАЯ ГРАФИКА

27 слайд ИЛЛЮСТРАТИВНАЯ ГРАФИКА это способ статического изображения (в покое, в одном Описание слайда:

ИЛЛЮСТРАТИВНАЯ ГРАФИКА это способ статического изображения (в покое, в одном каком-либо положении) НАЗАД

28 слайд ДЕМОНСТРАТИВНАЯ ГРАФИКА связана с динамическими объектами (объекты в движении Описание слайда:

ДЕМОНСТРАТИВНАЯ ГРАФИКА связана с динамическими объектами (объекты в движении, анимированные изображения) ПРИМЕР

Выбранный для просмотра документ Материал к презентации.doc

ДЕМОНСТРАТИВНАЯ ГРАФИКА связана с динамическими объектами (объекты в движении

Курс профессиональной переподготовки

Учитель информатики

ДЕМОНСТРАТИВНАЯ ГРАФИКА связана с динамическими объектами (объекты в движении

Курс профессиональной переподготовки

Учитель математики и информатики

ДЕМОНСТРАТИВНАЯ ГРАФИКА связана с динамическими объектами (объекты в движении

Курс повышения квалификации

Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:

Выберите категорию: Все категорииАлгебраАнглийский языкАстрономияБиологияВнеурочная деятельностьВсеобщая историяГеографияГеометрияДиректору, завучуДоп. образованиеДошкольное образованиеЕстествознаниеИЗО, МХКИностранные языкиИнформатикаИстория РоссииКлассному руководителюКоррекционное обучениеЛитератураЛитературное чтениеЛогопедия, ДефектологияМатематикаМузыкаНачальные классыНемецкий языкОБЖОбществознаниеОкружающий мирПриродоведениеРелигиоведениеРодная литератураРодной языкРусский языкСоциальному педагогуТехнологияУкраинский языкФизикаФизическая культураФилософияФранцузский языкХимияЧерчениеШкольному психологуЭкологияДругое

Выберите класс: Все классыДошкольники1 класс2 класс3 класс4 класс5 класс6 класс7 класс8 класс9 класс10 класс11 класс

Выберите учебник: Все учебники

Выберите тему: Все темы

также Вы можете выбрать тип материала:

loading

Общая информация

Номер материала: ДБ-322155

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Презентация по информатике на тему "Компьютерная графика" (7 класс)
Инфоурок › Информатика ›Презентации›Презентация по информатике на тему "Компьютерная графика" (7 класс)

Описание презентации по отдельным слайдам:

1 слайд Компьютерная графика. Подготовила учитель информатики и математики филиппова Описание слайда:

Компьютерная графика. Подготовила учитель информатики и математики филиппова Ольга Николаевна

2 слайд Компьютерная графика – это область информатики, занимающаяся проблемами получ Описание слайда:

Компьютерная графика – это область информатики, занимающаяся проблемами получения различных изображений ( рисунков, чертежей, мультипликаций) на компьютере.

3 слайд Основные области применения компьютерной графики. Научная графика первые комп Описание слайда:

Основные области применения компьютерной графики. Научная графика первые компьютеры использовались лишь для решения научных и производственных задач. Чтобы лучше понять полученные результаты, производили их графическую обработку, строили графики, диаграммы , чертежи.

4 слайд Деловая графика. Деловая графика - это область компьютерной графики, предназн Описание слайда:

Деловая графика. Деловая графика - это область компьютерной графики, предназначенная для наглядного представления различных показателей работы учреждений. Плановые показатели, отчетная документация, статистические сводки - это объекты, с помощью которых в деловой графике создаются иллюстративные материалы. Программные средства деловой графики включаются в состав электронных таблиц.

5 слайд Конструкторская графика. используется в работе инженеров-конструкторов, архит Описание слайда:

Конструкторская графика. используется в работе инженеров-конструкторов, архитекторов, изобретателей новой техники. Этот вид компьютерной графики является обязательным элементом САПР (систем автоматизации проектирования). Средствами конструкторской графики можно получать как плоские изображения (проекции, сечения), так и пространственные трехмерные изображения. 

6 слайд Иллюстрированная графика. Программные средства иллюстративной графики позволя Описание слайда:

Иллюстрированная графика. Программные средства иллюстративной графики позволяют человеку использовать компьютер для произвольного рисования, черчения подобно тому, как он это делает на бумаге с помощью карандашей, кисточек, красок, циркулей и других инструментов.

7 слайд Художественная и рекламная графика. Художественная и рекламная графика — став Описание слайда:

Художественная и рекламная графика. Художественная и рекламная графика — ставшая популярной во многом благодаря телевидению. С помощью компьютера создаются рекламные ролики, мультфильмы, компьютерные игры, видеоуроки, видеопрезентации. Графические пакеты для этих целей требуют больших ресурсов компьютера по быстродействию и памяти.

8 слайд Пиксели. Пиксель представляет собой единицу измерения экрана любого современн Описание слайда:

Пиксели. Пиксель представляет собой единицу измерения экрана любого современного монитора, будь то компьютер, ноутбук, мобильный телефон, навигатор и так далее. Другими словами, отвечая на вопрос о том, что такое пиксель, можно ответить, что это просто точка.

9 слайд Виды компьютерной графики. Различают три вида компьютерной графики. Это растр Описание слайда:

Виды компьютерной графики. Различают три вида компьютерной графики. Это растровая графика, векторная графика и фрактальная графика. Они отличаются принципами формирования изображения при отображении на экране монитора или при печати на бумаге Растровая графика.

10 слайд Растровая графика. Растровая графика — это графическое изображение на компьют Описание слайда:

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

11 слайд Векторная графика. Векторная графика – это перечень всех объектов (линий, фиг Описание слайда:

Векторная графика. Векторная графика – это перечень всех объектов (линий, фигуры и т.д.) из которых состоит векторное изображение,  каждому из объектов в изображение определено, к какому из классов объектов он относится и принадлежит, также приведены определенные параметры  для управления объектом.

12 слайд фрактальная графика. Фрактальная графика является на сегодняшний день одним и Описание слайда:

фрактальная графика. Фрактальная графика является на сегодняшний день одним из самых быстро развивающихся и перспективных видов компьютерной графики.  Математической основой фрактальной графики является фрактальная геометрия. Здесь в основу метода построения изображений положен принцип наследования от, так называемых, «родителей» геометрических свойств объектов-наследников. 

13 слайд Практическая часть Описание слайда:

Практическая часть

14 слайд Проверь себя! 1. Выполните задания предложенные учителем. 1.Какие виды график Описание слайда:

Проверь себя! 1. Выполните задания предложенные учителем. 1.Какие виды графики вы знаете? 2. В чем отличия их друг от друга?

Проверь себя! 1. Выполните задания предложенные учителем. 1.Какие виды график

Курс профессиональной переподготовки

Учитель информатики

Проверь себя! 1. Выполните задания предложенные учителем. 1.Какие виды график

Курс профессиональной переподготовки

Учитель математики и информатики

Проверь себя! 1. Выполните задания предложенные учителем. 1.Какие виды график

Курс повышения квалификации

Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:

Выберите категорию: Все категорииАлгебраАнглийский языкАстрономияБиологияВнеурочная деятельностьВсеобщая историяГеографияГеометрияДиректору, завучуДоп. образованиеДошкольное образованиеЕстествознаниеИЗО, МХКИностранные языкиИнформатикаИстория РоссииКлассному руководителюКоррекционное обучениеЛитератураЛитературное чтениеЛогопедия, ДефектологияМатематикаМузыкаНачальные классыНемецкий языкОБЖОбществознаниеОкружающий мирПриродоведениеРелигиоведениеРодная литератураРодной языкРусский языкСоциальному педагогуТехнологияУкраинский языкФизикаФизическая культураФилософияФранцузский языкХимияЧерчениеШкольному психологуЭкологияДругое

Выберите класс: Все классыДошкольники1 класс2 класс3 класс4 класс5 класс6 класс7 класс8 класс9 класс10 класс11 класс

Выберите учебник: Все учебники

Выберите тему: Все темы

также Вы можете выбрать тип материала:

loading

Общая информация

Номер материала: ДБ-1062202

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Презентация " Компьютерная графика"

Описание презентации по отдельным слайдам:

1 слайд Компьютерная графика Описание слайда:

Компьютерная графика

2 слайд Компьютерная графика Описание слайда:

Компьютерная графика

3 слайд История компьютерной графики Описание слайда:

История компьютерной графики

4 слайд История компьютерной графики Описание слайда: 5 слайд История компьютерной графики Описание слайда: 6 слайд Компьютерная графика Описание слайда:

Компьютерная графика

7 слайд Компьютерная графика Описание слайда:

Компьютерная графика

8 слайд Компьютерная графика Описание слайда:

Компьютерная графика

9 слайд Компьютерная графика Описание слайда:

Компьютерная графика

10 слайд Компьютерная графика Описание слайда:

Компьютерная графика

11 слайд Компьютерная графика Описание слайда:

Компьютерная графика

12 слайд Компьютерная анимация - это получение движущихся изображений на дисплее.
Ком Описание слайда:

Компьютерная анимация - это получение движущихся изображений на дисплее. Компьютерная анимация - это получение движущихся изображений на дисплее. Мультимедиа –это объединение высококачественного изображения на экране компьютера со звуковым сопровождением.

13 слайд Компьютерная анимация Описание слайда:

Компьютерная анимация

14 слайд Компьютерная анимация Описание слайда: 15 слайд Компьютерная графика Описание слайда:

Компьютерная графика

16 слайд Компьютерная графика Описание слайда:

Компьютерная графика

17 слайд Компьютерная графика Описание слайда: 18 слайд Компьютерная графика Описание слайда: 19 слайд Компьютерная графика Описание слайда: 20 слайд Компьютерная графика Описание слайда: 21 слайд Компьютерная графика Описание слайда: 22 слайд Компьютерная графика Описание слайда: 23 слайд Компьютерная графика Описание слайда: 24 слайд Трёхмерная графика Описание слайда:

Трёхмерная графика

25 слайд Трёхмерная графика Описание слайда: 26 слайд Трёхмерная графика Описание слайда: 27 слайд Трёхмерная графика Описание слайда: 28 слайд Трёхмерная графика Описание слайда: 29 слайд Трёхмерная графика Описание слайда: 30 слайд Трёхмерная графика Описание слайда: 31 слайд Трёхмерная графика Описание слайда: 32 слайд Трёхмерная графика Описание слайда: 33 слайд Трёхмерная графика Описание слайда: 34 слайд Трёхмерная графика Описание слайда: 35 слайд Трёхмерная графика Описание слайда: 36 слайд Трёхмерная графика Описание слайда: 37 слайд Трёхмерная графика Описание слайда: 38 слайд Трёхмерная графика Описание слайда: 39 слайд Трёхмерная графика Описание слайда: 40 слайд Трёхмерная графика Описание слайда: 41 слайд Трёхмерная графика Описание слайда: 42 слайд Трёхмерная графика Описание слайда: 43 слайд Трёхмерная графика Описание слайда: 44 слайд Трёхмерная графика Описание слайда: 45 слайд Трёхмерная графика Описание слайда: 46 слайд Трёхмерная графика Описание слайда: 47 слайд Трёхмерная графика Описание слайда: Трёхмерная графика

Курс профессиональной переподготовки

Учитель информатики

Трёхмерная графика

Курс профессиональной переподготовки

Учитель математики и информатики

Трёхмерная графика

Курс повышения квалификации

Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:

Выберите категорию: Все категорииАлгебраАнглийский языкАстрономияБиологияВнеурочная деятельностьВсеобщая историяГеографияГеометрияДиректору, завучуДоп. образованиеДошкольное образованиеЕстествознаниеИЗО, МХКИностранные языкиИнформатикаИстория РоссииКлассному руководителюКоррекционное обучениеЛитератураЛитературное чтениеЛогопедия, ДефектологияМатематикаМузыкаНачальные классыНемецкий языкОБЖОбществознаниеОкружающий мирПриродоведениеРелигиоведениеРодная литератураРодной языкРусский языкСоциальному педагогуТехнологияУкраинский языкФизикаФизическая культураФилософияФранцузский языкХимияЧерчениеШкольному психологуЭкологияДругое

Выберите класс: Все классыДошкольники1 класс2 класс3 класс4 класс5 класс6 класс7 класс8 класс9 класс10 класс11 класс

Выберите учебник: Все учебники

Выберите тему: Все темы

также Вы можете выбрать тип материала:

loading

Общая информация

Номер материала: ДВ-525937

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

90000 PPT - Computer Graphics PowerPoint Presentation, free download 90001 90002 90003 90004 Computer Graphics 90005 Prof. Muhammad Saeed 90006 90007 90008 90003 90004 Hardware II 90005 Computer Graphics Hardware (Graphic Cards) II 90006 90007 90014 90003 90004 Hardware II 90005 Computer Graphics PCI (Peripheral Component Interface) With a PCI-based graphics card, every texture map has to be stored twice .First, the texture map is loaded from the hard drive to the system memory (RAM) until it has to be used. Once it is needed, it is pulled from memory and sent to the CPU to be processed. Once processed, it is sent through the PCI bus to the graphics card, where it is stored again in the card's framebuffer. All of this storing and sending between the system and the card is very draining to the overall performance of the computer. 90006 90007 90020 90003 90004 Hardware II 90005 Computer Graphics AGP (Accelerated Graphics Port) Card AGP is built on the idea of ​​improving the ways that PCI transports data to the CPU.Intel achieved this by addressing all of the areas where PCI transfers were causing data bottlenecks in the system. By clearing the traffic jams of data, AGP increases the speed at which machines can render graphics while using the system's resources more efficiently to reduce overall drag. It achieves the goal by: 90006 90007 90026 90003 90004 Hardware II 90005 Computer Graphics • 1. Dedicated Port • There are no other devices connected to the AGP other than the graphics card.With a dedicated path to the CPU, the graphics card can always operate at the maximum capacity of the connection. • 2. Pipelining • This method of data organization allows the graphics card to receive and respond to multiple packets of data in a single request. Here's a simplified example of this: • With AGP, the graphics card can receive a request for all of the information needed to render a particular image and send it out all at once. With PCI, the graphics card would receive information on the height of the image and wait... then the length of the image, and wait ... then the width of the image, and wait ... combine the data, and then send it out. 90006 90007 90032 90003 90004 Hardware II 90005 Computer Graphics 3. Sideband addressing Like a letter, all requests and information sent from one part of your computer to the next must have an address containing "To" and "From." The problem with PCI is that this "To" and "From" information is sent with the working data all together in one packet.This is the equivalent of including an address card inside the envelope when you send a letter to a friend: Now the post office has to open the envelope to see the address in order to know where to send it. This takes up the post office's time. In addition, the address card itself takes up room in the envelope, reducing the total amount of stuff you can send to your friend. With sideband addressing, the AGP issues eight additional lines on the data packet just for addressing. This puts the address on the outside of the envelope, so to speak, freeing up the total bandwidth of the data path used to transfer information back and forth.In addition, it unclogs system resources that were previously used to open the packet to read the addresses. 90006 90007 90038 90003 90004 Hardware II 90005 Computer Graphics AGP: Saves RAMAGP improves the process of storing texture maps by allowing the Operating System to designate RAM for use by the graphics card on the fly. This type of memory is called AGP memory or non-local video memory. Using the much more abundant and faster RAM used by the operating system to store texture maps reduces the number of maps that have to be stored on the graphics card's memory.In addition, the size of the texture map your computer is capable of processing is no longer limited to the amount of RAM on the graphics card. 90006 90007 90044 90003 90004 Hardware II 90005 Computer Graphics GART AGP saves RAM is by only storing texture maps once. It does this with a little trickery. This trickery takes the form of a chipset called the Graphics Address Remapping Table (GART). GART takes the portion of the system memory that the AGP borrows to store texture maps for the graphics card and re-addresses it.The new address provided by GART makes the CPU think that the texture map is being stored in the card's frame buffer. GART may be putting bits and pieces of the map all over the system RAM; but when the CPU needs it, as far as it's concerned the texture map is right where it should be. 90006 90007 90050 90003 90004 Hardware II 90005 Computer Graphics PCI (Peripheral Component Interconnect) Express Card PCI Express is a serial connection that operates more like a network than a bus.Instead of one bus that handles data from multiple sources, PCI-e has a switch that controls several point-to-point serial connections. These connections fan out from the switch, leading directly to the devices where the data needs to go. Every device has its own dedicated connection 90006 90007 90056 90003 90004 Hardware II 90005 Computer Graphics PCI Express Lanes Each lane of a PCI Express connection contains two pairs of wires - one to send and one to receive.Packets of data move across the lane at a rate of one bit per cycle. A x1 connection, the smallest PCI-e connection, has one lane made up of four wires. It carries one bit per cycle in each direction. A x2 link contains eight wires and transmits two bits at once, a x4 link transmits four bits, and so on. Other configurations are x12, x16 and x32. A x16 PCI-e connector can move 6.4 GB of data per second in each direction. 90006 90007 90062 90003 90004 Hardware II 90005 Computer Graphics Video BIOS The video BIOS or firmware contains the basic program, which is usually hidden, that governs the video card's operations and provides the instructions that allow the computer and software to interact with the card.It may contain information on the memory timing, operating speeds and voltages of the graphics processor, RAM, and other information. 90006 90007 90068 90003 90004 Hardware II 90005 Computer Graphics Graphics Processing Unit (GPU) A GPU is a dedicated processor optimized for accelerating graphics. The processor is designed specifically to perform floating-point calculations, which are fundamental to 3D graphics rendering and 2D picture drawing. The main attributes of the GPU are the core clock frequency, which typically ranges from 250 MHz to 4 GHz and the number of pipelines (vertex and f ragment shaders), which translate a 3D image characterized by vertices and lines into a 2D image formed by pixels.Modern GPUs are massively parallel, and fully programmable. Their computing power is orders of magnitude greater than that of CPUs for certain kinds of operations. This has led to the emergence of general-purpose computing on graphics processing units (GPGPU). Occasionally called visual processing unit or VPU. 90006 90007 90074 90003 90004 Hardware II 90005 Computer Graphics Compute Unified Device Architecture (CUDA) CUDA is a parallel computing architecture developed by Nvidia for graphics processing.CUDA is the computing engine in Nvidia graphics processing units (GPUs) that is accessible to software developers through variants of industry standard programming languages. CUDA gives developers access to the virtual instruction set and memory of the parallel computational elements in CUDA GPUs. Using CUDA, the latest Nvidia GPUs become accessible for computation like CPUs. Unlike CPUs however, GPUs have a parallel throughput architecture that emphasizes executing many concurrent threads slowly, rather than executing a single thread very quickly.This approach of solving general purpose problems on GPUs is known as GPGPU. 90006 90007 90080 90003 90004 Hardware II 90005 Computer Graphics Power demand As the processing power of video cards has increased, so has their demand for electrical power. Current high-performance video cards tend to consume a great deal of power. While CPU and power supply makers have recently moved toward higher efficiency, power demands of GPUs have continued to rise, so the video card may be the biggest electricity user in a computer.Although power supplies are increasing their power too, the bottleneck is due to the PCI-Express connection, which is limited to supplying 75 Watts. Modern video cards with a power consumption over 75 Watts usually include a combination of six-pin (75W) or eight-pin (150W) sockets that connect directly to the power supply. 90006 90007 90086 90003 90004 Hardware II 90005 Computer Graphics High-Definition Multimedia Interface (HDMI) High-Definition Multimedia Interface (HDMI) An advanced digital audio / video interconnect released in 2003 and is commonly used to connect game consoles and DVD players to a display .HDMI supports copy protection through HDCP (High-bandwidth Digital Content Protection). 90006 90007 90092 90003 90004 Hardware II 90005 Computer Graphics END Hardware II 16 90006 90007.90000 PPT - Computer Graphics PowerPoint Presentation, free download 90001 90002 90003 90004 Computer Graphics 90005 Assistant Prof. Dr. Aybars UGUR 90006 90007 90008 90003 90004 Contents 90005 • What is computer Graphics • 3D Transformations • 3D Object Representations • Application Areas of Computer Graphics • Major Subfields of CG • Game Engines • 3D Application Programming Interfaces • 3D Application Programming Interfaces for Mobile Devices • Java 3D FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90014 90003 90004 Computer Graphics (CG) 90005 • Computer Graphics is a subfield of computer science.• Studies digitally synthesizing and manipulating visual content using computational techniques. • All aspects of producing pictures or image using a computer. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90020 90003 90004 3D Computer Graphics 90005 • Graphics that use a three-dimensional representation of geometric data that is stored in the computer. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90026 90003 90004 out 90005 in computer image data o i traditional computing computer graphics data computer vision image processing image What is computer graphics about? FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90032 90003 90004 y 90005 x z y P1 P1 'x z 3D Transformations • Some Mathematical Background Translation, Rotation Scaling, etc.FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90038 90003 90004 3D Object Representations 90005 • B-Representation • Sweep Representations • CSG Methods • Splines • Quadrics FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90044 90003 90004 (S4) Top Face 90005 Back Face (S0) y Left Face (S2) Right Face (S5) xz Bottom Face (S1) (S3) Front Face Boundary Representations (B-rep) • Describe a 3D object as a set of surfaces that seperate the object interior from the environment. • A cuboid consists of six faces or rectangular polygons (front, left, back or rear, right, bottom, and top), eight vertices, and twelve edges.FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90050 90003 90004 Sweep Representations 90005 • Idea is to define a 2D shape and then a sweep which will move the shape through 3D space to create a 3D object. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90056 90003 90004 Sweep Representations 90005 • A sweep can follow any path. • The object being swept can vary in size along the path. • A simple 2D curve can produce interesting3D shapes. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90062 90003 90004 Constructive Solid-Geometry Methods (CSG) 90005 • Given two 3D objects, create new ones with the set operations of • union • intersection • difference Top subtracted from bottom yields A flute made from a cylinder, 1 ellipsoid and 8 circles where the ellipsoid and 8 circles are subtracted from the cylinder.FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90068 90003 90004 What is a Spline Curve? 90005 • In computer graphics, the term refers to any composite curve formed with polynomial sections satisfying some specified continuity conditions at the boundary of the pieces. • There are many different types of spline curves and we will investigate only a few of them here. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90074 90003 90004 Interpolating and Approximating Splines 90005 • We specify a spline curve by giving a set of coordinate positions in 2D.• The coordinates are either interpolated or approximated using points called control points. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90080 90003 90004 Interpolating and Approximating 90005 • Interpolation is often used to digitize drawings or specify animation paths. • Approximation is used predominately as a design tool to create object shapes. • Although we are talking about curves right now, these curves can be used to create 3D surfaces such as FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90086 90003 90004 Working with Splines 90005 • Spline curves (and surfaces) are defined, modified, and manipulated with operations on the control points.• The designer selects (often interactively) locations for the control points and these influence the position and shape of the curve. • By repositioning the control points, the curve can be shaped by eyeballing it and adjusting its shape until it is what is desired. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90092 90003 90004 Splines Have Many Nice Characteristics for Graphics 90005 • Geometric transformations only must be applied to the control points and then the curve can be regenerated - i.e splines can be manipulated easily just like polygons. • Given a set of points, the convex hull of the points (in 2D) is the smallest set containing all the points that is convex. • Intuitively, think of a rubber band being stretched to include all the points - that would define the convex hull. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90098 90003 90004 Splines Have Many Nice Characteristics for Graphics 90005 • For most splines, the curve lies in the convex hull of the control points This property means the curve will not deviate too far from the control points.In particular, wild oscillations will not occur. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90104 90003 90004 3D Graphics Pipeline 90005 WORLD SCENE / OBJECT Modelling coordinates: - world coordinate system, - object coordinate system 3D MODELLING VIEWING 3D CLIPPING Camera coordinates PROJECTION Screen / Window coordinates RASTERIZATION Device coordinates 2D PIXELMAP DISPLAY FACHHOCHSCHULE GIESSEN- FRIEDBERG 90006 90007 90110 90003 90004 Application Areas of Computer Graphics 90005 • CAD - Computer Aided Design • Education and Training • Entertainment • Scientific Visualization • Virtual Reality • Web and Web3D FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90116 90003 90004 CAD (Computer Aided Design) 90005 is the use of computer technology to aid in the design of a product.Some Fields of Use: • The Architecture, Engineering, and Construction Industry • Mechanical Engineering • Product Design (Textile, Food, Computers, Electronic Devices, etc.) • Automotive, Aerospace, ... FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90122 90003 90004 CAD - I 90005 Los Angeles Airport FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90128 90003 90004 CAD - II 90005 Boeing 777 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90134 90003 90004 Entertainment - I 90005 Computer Graphics in movie industry FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90140 90003 90004 Entertainment 90005 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90146 90003 90004 Entertainment - II 90005 Games FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90152 90003 90004 Education and Training - I 90005 • Computer generated models of physical, financial, political, social, economic, and other systems are often used as educational aids.• Aircraft, naval, and spacecraft simulators • Simulators for practice sessions or training of ship captains, aircraft pilots, heavy equipment operators, and air traffic control personnel. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90158 90003 90004 Education and Training - II 90005 Flight Simulator FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90164 90003 90004 Virtual Reality (VR) 90005 Virtual Reality (VR) is a computer system used to create an artificial world in which the user has the impression of being in that world and with the ability to navigate through the world and manipulate objects in the world.VR is a technology, which allows a user to interact with a computer simulated environment, be it a real or imagined one. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90170 90003 90004 Data Gloves, Head Mounted Display 90005 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90176 90003 90004 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90005 90006 90007 90182 90003 90004 HMD 90005 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90188 90003 90004 Scientific VisualizationI 90005 • Scientific, engineering and medical data.• High number of data. • Complex structures (medical, ...) • Simulation of complex process • Complex molecular structure • such as protein and DNA • weather forecasting • Complex mathematical object FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90194 90003 90004 Web and Web3D 90005 The Web3D Consortium is an international organization established to define and promote standards for 3D graphics representation on the World Wide Web. From the perspective of the Web3D Consortium, "Web3D" is an overarching term to describe protocols, languages, file formats, and other technologies that are used to deliver compelling 3D content over the World Wide Web.X3D, Java 3D and VRML are some of the key Web 3D Technologies. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90200 90003 90004 Major subfields of CG 90005 • Geometry (studies representation of three-dimensional objects) • Animation (studies descriptions for surfaces that move or deform over time) • Rendering • Imaging FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90206 90003 90004 Rendering 90005 • Converts a model into an image • Result is physically-based photorealistic images Illumination, Reflection, Refraction, etc.FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90212 90003 90004 Texture Mapping 90005 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90218 90003 90004 Ray Tracing 90005 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90224 90003 90004 Image Processing 90005 Image processing is any form of signal processing for which the input is an image, such as photographs or frames of video; the output of image processing can be either an image or a set of characteristics or parameters related to the image.FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90230 90003 90004 Vector Graphics vs. Raster Graphics 90005 • Macromedia flash is vector based • JPG images are raster based • Time to transmit vs. time to generate • Reuse of image description FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90236 90003 90004 Vector Graphics 90005 • A line is represented by endpoints (20,20) to (100,100) • If you want the image larger, no problem ... FACHHOCHSCHULE GIESSEN- FRIEDBERG 90006 90007 90242 90003 90004 Raster Graphics 90005 • A line is represented by assigning some pixels a value of 1.• The entire line is specified by the pixel values ​​• What do we do to make image larger? FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90248 90003 90004 Colors 90005 • Color in CG is commonly specified in RGB format. • A color in RGB format is a triplet of numbers. The three components are Red, Green and Blue. • Other Color Models? Blue Red Green FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90254 90003 90004 GAME ENGINES 90005 • Game Engine • 3D engine • Sound Engine • Input Engine • Network Engine • Physics Engine • AI Engine • GUI Engine FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90260 90003 90004 TORQUE GAME ENGINE 90005 GAME ENGINE MAP EDITOR TEXTURE GENERATORS MODEL GENERATORS FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90266 90003 90004 3D Application Programming Interfaces 90005 For writing applications that produce 2D and 3D computer graphics.• PHIGS (1990's) • OPENGL was developed by Silicon Graphics Inc. (SGI) in 1992 and is widely used in CAD, VR, scientific visualization, It is also used in video games, where it competes with Direct3D on MS Windows platforms • Java 3D is a scene graph-based 3D application programming interface (API) for the Java platform. It runs on top of either OpenGL or Direct3D. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90272 90003 90004 Java-based 3D APIs 90005 • Java 3D is not the only high-level API option to render 3D in Java.In part due to the pause in development during 2003 and 2004, several competing Java scene graph technologies emerged: • General purpose: • AgentFX • Strata Live 3D • Gaming: • Xith 3D • jMonkey Engine • Espresso3D • Visualization: • Aviatrix 3D • JView • Jreality. http://www3.math.tu-berlin.de/jreality/ JOGL is a popular alternative to scene graph APIs FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90278 90003 90004 3D Application Programming Interfaces For Mobile Devices 90005 • The Mobile 3D Graphics API, commonly referred to as M3G, is a specification defining an API for writing Java programs that produce 3D computer graphics.M3G is not Java 3D. M3G was designed to meet the specific needs of mobile devices, which are constrained in terms of memory, memory bandwidth, and processing power. • OpenGL ES (OpenGL for Embedded Systems) is a subset of the OpenGL 3D graphics API designed for embedded devices such as mobile phones, PDAs, and video game consoles. FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90284 90003 90004 Java 3D 90005 90006 90007 90290 90003 90004 3D Application Programming Interfaces For Mobile Devices 90005 FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 90296 90003 90004 Java3D's SceneGraph 90005 VirtualUniverse Locale Root group BG BG TG robot arm environment TG TG view sphere TG base SS TG bottom arm S up arm S FACHHOCHSCHULE GIESSEN-FRIEDBERG 90006 90007 Load More....90000 PPT - Computer Graphics PowerPoint Presentation, free download 90001 90002 90003 90004 Computer Graphics 90005 Lecture Notes # 16 Image-Based Modelling, Rendering and Lighting 90006 90007 90008 90003 90004 Global Illumination and Image-Based Lighting 90005 • Traditional Computer Graphics involves: • Modelling with matter: geometry with reflectance properties. • Image-Based Modelling & Rendering is: • Modelling and rendering with Light, often deriving geometry and materials in the process.• Image-Based Lighting allows: • Combination of real and synthetic graphics with consistent illumination, using images as light sources. Lecture Notes # 16 90006 90007 90014 90003 90004 Pursuit of Photorealism 90005 • For complex models, tools can require lot of effort and rendering is very slow. • Choice: do usual modelling or just take a photo (that would provide photorealism!) • IBMR is about using these photos and transcending their limitations (eg. Light). • Do not need anything like a complete model, but may need a number of photographs ... Lecture Notes # 16 90006 90007 90020 90003 90004 Pursuit of Photorealism 90005 • Need enough photographs to give coverage.• Major result is - rendering is faster. • So Image-Based Modelling and Rendering (IBMR) starts with the answer! • Research inspired by film industry. • Related to techniques in Computer Vision. • New so no taxonomy, just techniques. Lecture Notes # 16 90006 90007 90026 90003 90004 IBMR Techniques 90005 • Panoramas - movement within and between panoramic cylinders, eg. Quicktime VR. • Panoramas can be real or synthetic. • View interpolation -from a few photos, interpolate view from any position (morphing).• * Lighting - adding real or synthetic objects to a photographed scene, illuminated with scene lights. • Modelling - extracting models from photos. Lecture Notes # 16 90006 90007 90032 90003 90004 "Traditional graphics" 90005 Lecture Notes # 16 90006 90007 90038 90003 90004 Computer Vision 90005 Lecture Notes # 16 90006 90007 90044 90003 90004 Vision meets graphics 90005 Lecture Notes # 16 90006 90007 90050 90003 90004 However. .. 90005 • Vision falls short Lecture Notes # 16 90006 90007 90056 90003 90004 And... 90005 ... so does graphics Lecture Notes # 16 90006 90007 90062 90003 90004 Image-Based Rendering (IBR) 90005 Lecture Notes # 16 90006 90007 90068 90003 90004 What is an image? 90005 • Collection of radiance values ​​• radiance along a ray • 3D position • 2D direction Lecture Notes # 16 90006 90007 90074 90003 90004 Plenoptic function 90005 • Radiance value for all possible rays = plenoptic function. • All possible images are a subset of this plenoptic function. • Too much stuff! • Goal of IBR is generate a continuous representation of the plenoptic function.Lecture Notes # 16 90006 90007 90080 90003 90004 Plenoptic function 90005 • Radiance is constant along a ray (line) • 2D position • 2D direction Once we know one 'origin', we know them all Lecture Notes # 16 90006 90007 90086 90003 90004 What is an image? 90005 • Image = rays going through one point • usually restricted to viewing frustum, but can also be panoramic Lecture Notes # 16 90006 90007 90092 90003 90004 What is an object? 90005 • Image = rays going through one point + image plane • 2D function (position on image plane) Lecture Notes # 16 90006 90007 90098 90003 90004 What is an object? 90005 • Outgoing radiance field of an object • 2D function (position on surface) Lecture Notes # 16 90006 90007 90104 90003 90004 What is an object? 90005 • All light leaving the object Lecture Notes # 16 90006 90007 90110 90003 90004 What is an object? 90005 • All light leaving the object • 4D function (2D position + 2D direction) Lecture Notes # 16 90006 90007 90116 90003 90004 What is an object? 90005 • All possible images of an object Lecture Notes # 16 90006 90007 90122 90003 90004 What is an object? 90005 • All possible images of an object Lecture Notes # 16 90006 90007 90128 90003 90004 What is an object? 90005 • We do not really need the object Lecture Notes # 16 90006 90007 90134 90003 90004 What is an object? 90005 • We do not really need the object Lecture Notes # 16 90006 90007 90140 90003 90004 Lumigraph / Light Field 90005 • Object is only defined by its radiance field stuff 4D function (Levoy - Cohen et al 96) Lecture Notes # 16 90006 90007 90146 90003 90004 Lumigraph - capture 90005 (Stanford - Levoy et al.) Lecture Notes # 16 90006 90007 90152 90003 90004 Layered Depth Images 90005 (McMillan) • Problem with one photo is "holes" when view point moved: • this is why a number of photos are generally required • fill the holes using intensities of neighbouring pixels • interpolation ... Lecture Notes # 16 90006 90007 90158 90003 90004 Image Based Lighting 90005 • Add models or objects to scenes and allow them to be manipulated in the scenes. • Modelling with light allows added objects to be illuminated consistent with image existent lighting - photorealistic inclusions.• We start with the answer by finding the scene illumination. Lecture Notes # 16 90006 90007 90164 90003 90004 Image Based Lighting 90005 (all pictures P. Debevec 98-99) • Real Scene • Goal: place synthetic objects on table Lecture Notes # 16 90006 90007 90170 90003 90004 Extracting scene lighting 90005 • Capture illumination using illumination sphere Lecture Notes # 16 90006 90007 90176 90003 90004 Real scene 90005 Image Based Lighting Lecture Notes # 16 90006 90007 90182 90003 90004 Image Based Lighting 90005 captured illumination field Lecture Notes # 16 90006 90007 90188 90003 90004 Image Based Lighting 90005 light based model synthetic objects local scene Real scene Lecture Notes # 16 90006 90007 90194 90003 90004 light based model 90005 Image Based Lighting • Use renderer - compute effects of synthetic objects on local scene synthetic objects (brdf known) local scene (brdf estimated) Lecture Notes # 16 90006 90007 90200 90003 90004 Image Based Lighting 90005 • Render into the scene background Lecture Notes # 16 90 006 90007 90206 90003 90004 Image Based Lighting 90005 • Render synthetic objects Lecture Notes # 16 90006 90007 90212 90003 90004 Image Based Lighting 90005 • Effect of local scene on real scene Lecture Notes # 16 90006 90007 90218 90003 90004 Image Based Lighting 90005 • Add differences to image Lecture Notes # 16 90006 90007 90224 90003 90004 Reconstruction from images? 90005 • Computer Vision related.• Constructs new views and extracts models. • Epipolar geometry • expresses relationships between points in different images. • Difficult to predict full impact in CG. • State of the Art • 3D reconstruction from uncalibrated images. Lecture Notes # 16 90006 90007 90230 90003 90004 References 90005 • You will not find this material in the major graphics texts since it is new and not yet mainstream but I recommend the following: • The Computer Image, Watt & Policarpo, Addison-Wesley 1998. • SIGGRAPH courses for the past few years, we have some on CD rom and on-line within EdVEC and not immediately available to Informatics machines - ask me if you have a strong interest and need.Lecture Notes # 16 90006 90007.90000 PPT - Computer Graphics PowerPoint Presentation, free download 90001 90002 90003 90004 Lecture 5 90005 Hidden Surface Removal and Rasterization Taku Komura Computer Graphics 90006 90007 90008 90003 90004 Hidden surface removal 90005 • Drawing polygonal faces on screen consumes CPU cycles • Illumination • We can not see every surface in scene • We do not want to waste time rendering primitives which do not contribute to the final image. 90006 90007 90014 90003 90004 Visibility (hidden surface removal) 90005 • A correct rendering requires correct visibility calculations • Correct visibility • when multiple opaque polygons cover the same screen space, only the closest one is visible (remove the other hidden surfaces) • wrong visibility correct visibility 90006 90007 90020 90003 90004 Visibility of primitives 90005 • A scene primitive can be invisible for 3 reasons: • Primitive lies outside field of view • Primitive is back-facing • Primitive is occluded by one or more objects nearer the viewer 90006 90007 90026 90003 90004 Visible surface algorithms.90005 • Definitions: • Object space techniques: applied before vertices are mapped to pixels • Back face culling, Painter's algorithm, BSP trees • Image space techniques: applied while the vertices are rasterized • Z-buffering 90006 90007 90032 90003 90004 Back face culling. 90005 • The vertices of polyhedra are oriented in an anticlockwise manner when viewed from outside - surface normal N points out. • Project a polygon. • Test z component of surface normal. If negative - cull, since normal points away from viewer.• Or if N.V> 0 we are viewing the back face so polygon is obscured. 90006 90007 90038 90003 90004 Painters algorithm (object space). 90005 • Draw surfaces in back to front order - nearer polygons "paint" over farther ones. • Supports transparency. • Key issue is order determination. • Does not always work - see image at right. 90006 90007 90044 90003 90004 BSP (Binary Space Partitioning) Tree. 90005 • One of class of "list-priority" algorithms - returns ordered list of polygon fragments for specified view point (static pre-processing stage).• Choose polygon arbitrarily • Divide scene into front (relative to normal) and back half-spaces. • Split any polygon lying on both sides. • Choose a polygon from each side - split scene again. • Recursively divide each side until each node contains only 1 polygon. 5 2 3 1 4 View of scene from above 90006 90007 90050 90003 90004 Lecture 9 90005 5 5a 5b 2 3 1 4 3 back front 1 2 5a 4 5b BSP Tree. • Choose polygon arbitrarily • Divide scene into front (relative to normal) and back half-spaces.• Split any polygon lying on both sides. • Choose a polygon from each side - split scene again. • Recursively divide each side until each node contains only 1 polygon. 90006 90007 90056 90003 90004 BSP Tree. 90005 5 5a 5b 2 • Choose polygon arbitrarily • Divide scene into front (relative to normal) and back half-spaces. • Split any polygon lying on both sides. • Choose a polygon from each side - split scene again. • Recursively divide each side until each node contains only 1 polygon. 3 1 4 3 back front 2 4 5b front 5a 1 90006 90007 90062 90003 90004 5 90005 5a 5b 2 3 1 4 3 back front 2 4 front 5a 1 5b BSP Tree.• Choose polygon arbitrarily • Divide scene into front (relative to normal) and back half-spaces. • Split any polygon lying on both sides. • Choose a polygon from each side - split scene again. • Recursively divide each side until each node contains only 1 polygon. 90006 90007 90068 90003 90004 Lecture 9 90005 Displaying a BSP tree. • Once we have the regions - need priority list • BSP tree can be traversed to yield a correct priority list for an arbitrary viewpoint. • Start at root polygon.• If viewer is in front half-space, draw polygons behind root first, then the root polygon, then polygons in front. • If polygon is on edge - either can be used. • Recursively descend the tree. • If eye is in rear half-space for a polygon - then can back face cull. 90006 90007 90074 90003 90004 Lecture 9 90005 BSP Tree. • A lot of computation required at start. • Try to split polygons along good dividing plane • Intersecting polygon splitting may be costly • Cheap to check visibility once tree is set up.• Can be used to generate correct visibility for arbitrary views. • Efficient when objects do not change very often in the scene. 90006 90007 90080 90003 90004 Lecture 9 90005 BSP performance measure • Tree construction and traversal (object-space ordering algorithm - good for relatively few static primitives, precise) • Overdraw: maximum • Front-to-back traversal is more efficient • Record which region has been filled in already • Terminate when all regions of the screen is filled in • S.Chen and D. Gordon. "Front-to-Back Display of BSP Trees." IEEE Computer Graphics & Algorithms, pp 79-85. September 1991. 90006 90007 90086 90003 90004 Z-buffering: image space approach 90005 Basic Z-buffer idea: • rasterize every input polygon • For every pixel in the polygon interior, calculate its corresponding z value (by interpolation) • Track depth values of closest polygon (smallest z) so far • Paint the pixel with the color of the polygon whose z value is the closest to the eye.90006 90007 90092 90003 90004 Implementation. 90005 • Initialise frame buffer to background colour. • Initialise depth buffer to z = max. value for far clipping plane • For each triangle • Calculate value for z for each pixel inside • Update both frame and depth buffer 90006 90007 90098 90003 90004 Filling in Triangles 90005 • Scan line algorithm • Filling in the triangle by drawing horizontal lines from top to bottom • Barycentric coordinates • Checking whether a pixel is inside / outside the triangle 90006 90007 90104 90003 90004 Triangle Rasterization 90005 • Consider a 2D triangle with vertices p0, p1, p2.• Let p be any pointin the plane. We can always find a, b, c such that • We will haveif and only if p is inside the triangle. • We call thebarycentric coordinates of p. 90006 90007 90110 90003 90004 Computing the baricentric coordinates of the interior pixels 90005 • (α, β, γ): barycentric coordinates • Only if 0 <α, β, γ <1, (x, y) is inside the triangle • Depth can be computed by αZ0 + βZ1 + γZ2 • Can do the same thing for color, normals, textures • The triangle is composed of 3 points p0 (x0, y0), p1 (x1, y1), p2 (x2, y2) 90006 90007 90116 90003 90004 Bounding box of the triangle 90005 • First, identify a rectangular region on the canvas that contains all of thepixels in the triangle (excluding those that lie outside the canvas).• Calculate a tight bounding box for a triangle: simply calculate pixelcoordinates for each vertex, and find the minimum / maximum for each axis 90006 90007 90122 90003 90004 Scanning inside the triangle 90005 • Once we've identified the bounding box, we loop over each pixel in the box. • For each pixel, we first compute the corresponding (x, y) coordinates in the canonical view volume • Nextwe convert these into barycentric coordinates for the triangle being drawn. • Only if the barycentric coordinates are within the range of [0,1], we plot it (and compute the depth) 90006 90007 90128 90003 90004 Why is z-buffering so popular? 90005 Advantage • Simple to implement in hardware.• Memory for z-buffer is now not expensive • Diversity of primitives - not just polygons. • Unlimited scene complexity • Do not need to calculate object-object intersections. Disadvantage • Extra memory and bandwidth • Waste time drawing hidden objects Z-precision errors • May have to use point sampling 90006 90007 90134 90003 90004 Z-buffer performance 90005 • Brute-force image-space algorithm scores best for complex scenes -easy to implement and is very general. • Storage overhead: O (1) • Time to resolve visibility to screen precision: O (n) • n: number of polygons 90006 90007 90140 90003 90004 Lecture 9 90005 Ex.Architectural scenes Here there can be an enormous amount of occlusion 90006 90007 90146 90003 90004 Lecture 9 90005 Occlusion at various levels 90006 90007 90152 90003 90004 A 90005 BCDE Portal Culling (object-space) DF • Model scene as a graph: • Nodes: Cells (or rooms) • Edges: Portals (or doors) • Graph gives us: • Potentially visible set • Render the room • If portal to the next room is visible, render the connected room in the portal region • Repeat the process along the scene graph BECGA 90006 90007 90158 90003 90004 Summary 90005 • Z-buffer is easy to implement on hardware and is an important tool • We need to combine it with an object-based method especially when there are too many polygons • BSP trees, portal culling 90006 90007 90164 90003 90004 References for hidden surface removal 90005 • Foley et al.Chapter 15, all of it. • Introductory text, Chapter 13, all of it • Baricentric coordinates www.cs.caltech.edu/courses/cs171/barycentric.pdf • Or equivalents in other texts, look out for: • (as well as the topics covered today) • Depth sort - Newell, Newell & Sancha • Scan-line algorithms 90006 90007.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *