Загальні поняття комп’ютерної графіки. (Тема 1)

Содержание

Слайд 2

План: 1.1. Історична довідка 1.2. Поняття комп’ютерної графіки 1.3. Способи формування

План:

1.1. Історична довідка
1.2. Поняття комп’ютерної графіки
1.3. Способи формування зображень на екрані
1.4. Формування кольору

малюнка
1.5. Технічні аспекти комп’ютерної графіки
Слайд 3

Символьний друк зображень

Символьний друк зображень

Слайд 4

ЕОМ з векторним дисплеєм

ЕОМ з векторним дисплеєм

Слайд 5

WHIRLWIND («вихор») 1950 р. – проект Массачусетського технологічного інституту

WHIRLWIND («вихор»)

1950 р. – проект Массачусетського технологічного інституту

Слайд 6

Перша комп’ютерна гра з графікою 1961 р. – програміст С. Рассел

Перша комп’ютерна гра з графікою

1961 р. – програміст С. Рассел очолив

проект по створенню першої комп’ютерної гри з графікою «Spacewar».
Слайд 7

Мультфільм «Кішечка» 1968 р. – група під керівництвом Миколи Константінова створює

Мультфільм «Кішечка»

1968 р. – група під керівництвом Миколи Константінова створює програму

рішення диференційних рівнянь, яка відображає анімацію рухів тварини.
Слайд 8

Перша система тривимірного моделювання

Перша система тривимірного моделювання

Слайд 9

1993 р. з'явився стандарт OpenGL

1993 р. з'явився стандарт OpenGL

Слайд 10

Етапи розвитку комп'ютерної графіки 1960-1970 рр. формування як наукової дисципліни. 1980

Етапи розвитку комп'ютерної графіки

1960-1970 рр. формування як наукової дисципліни.
1980 рр. графіка

розвивається як прикладна дисципліна
1990 рр. діалог «людина-комп'ютер»
Слайд 11

Растрове зображення Піксель (від англ. pіcture cell – комірка малюнку) – найменший елемент зображення.

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

Піксель (від англ. pіcture cell – комірка малюнку) – найменший

елемент зображення.
Слайд 12

Розміри екрана дисплея у пікселях: 640×480=307 200; 800×600=480 000; 1024×768=786 432; 1280×1024=1 310 720

Розміри екрана дисплея

у пікселях:
640×480=307 200;
800×600=480 000;
1024×768=786 432;
1280×1024=1 310 720

Слайд 13

Розрізняльна здатність Вимірюється в точках на дюйм або dots per inch

Розрізняльна здатність

Вимірюється в точках на дюйм або dots per inch –

dpi
Розрізняють:
розрізняльну здатність оригіналу;
розрізняльну здатність екранного зображення;
розрізняльну здатність принтеру.
Слайд 14

Векторна графіка

Векторна графіка

Слайд 15

Математичні основи векторної графіки Точка. Об'єкт на площині представляється двома числами

Математичні основи векторної графіки

Точка. Об'єкт на площині представляється двома числами (х,

у) відносно початку координат.
Пряма лінія. Їй відповідає рівняння у=kx+b.
Відрізок. Для опису потрібно додатково вказати параметри х1 та х2, відповідно початку та кінця відрізку.
Крива лінія ІІ порядку. До них відносяться еліпси, круги, параболи, гіперболи тощо. Крива ІІ порядку не має точок перегину і описується рівнянням а0х2+а1у2+а2ху+а3х+а4у+а5=0.
Слайд 16

Математичні основи векторної графіки (продовження) Крива лінія ІІІ порядку. Важлива наявність

Математичні основи векторної графіки (продовження)

Крива лінія ІІІ порядку. Важлива наявність точки

перегину, що дозволяє відобразити різноманітні об'єкти.
Криві Без'є. Спрощений вид кривих ІІІ порядку. Метод побудови кривих Без'є заснований на використанні пари дотичних, що проведені до відрізка лінії в його закінченні.

Рівняння кривої ІІІ порядку:
а0х3+а1у3+а2х2у+а3ху2+а4х2+а5у2+а6ху+а7х+а8у+а9=0.

Слайд 17

Порівняння растрового і векторного зображень:

Порівняння растрового і векторного зображень:

Слайд 18

Фрактальними властивостями характеризуються об'єкти живої і неживої природи

Фрактальними властивостями характеризуються об'єкти живої і неживої природи

Слайд 19

Побудова фрактальних об'єктів

Побудова фрактальних об'єктів

Слайд 20

Побудова фрактальних об'єктів

Побудова фрактальних об'єктів

Слайд 21

Колірні моделі

Колірні моделі

Слайд 22

Кількість кольорів у відповідністю з глибиною :

Кількість кольорів у відповідністю з глибиною :

Слайд 23

Розрахунок обсягу пам'яті: 16 біт?480000=7 680 000 біт =|:8|= =960 000 байт = |:1024| =937,5 Кбайт

Розрахунок обсягу пам'яті:

16 біт?480000=7 680 000 біт =|:8|=
=960 000 байт =

|:1024| =937,5 Кбайт
Слайд 24

RGB червоного (Red); зеленого (Green); синього (Blue).

RGB

червоного (Red);
зеленого (Green);
синього (Blue).

Слайд 25

CMYK блакитний (Cyan) = білий - червоний; пурпурний (Magenta) = білий

CMYK

блакитний (Cyan) = білий - червоний;
пурпурний (Magenta) = білий - зелений;
жовтий

(Yellow) = білий – синій;
додано чистий чорний (blacK).
Слайд 26

HSB відтінком (Hue); насиченістю (Saturation); яскравістю (Brightness).

HSB

відтінком (Hue);
насиченістю (Saturation);
яскравістю (Brightness).

Слайд 27

Колірна палітра в RGB

Колірна палітра в RGB

Слайд 28

Колірна палітра в CMYK

Колірна палітра в CMYK

Слайд 29

Колірна палітра в HSB

Колірна палітра в HSB

Слайд 30

CRT-монітори Основний елемент CRT-монітора (Cathode Ray Tube) – кінескоп, який називають

CRT-монітори

Основний елемент CRT-монітора (Cathode Ray Tube) – кінескоп, який називають електронно-променевою

трубкою.
- електронна пушка;
- електронні промені;
- люмінофорне покриття;
- скло монітора.

1

1

2

2

3

3

4

4

Слайд 31

TFT-монітор TFT-монитор – плоский дисплей на основі рідких кристалів (Thin Film

TFT-монітор

TFT-монитор – плоский дисплей на основі рідких кристалів (Thin Film Transistor - тонко-плівковий

транзистор) .
- підсвічування;
- поляризуюча плівка;
- стекло;
- напруга;
- колірний фільтр;
- стекло;
- поляризуюча плівка;
- молекула рідкого кристала.

Темний екран

Освітлений екран

1

2

3

4

6

5

7

8

1

2

3

4

5

6

7

8