8/19/2019 CE-201 Lect_1

1/36

!"#$%&'( *(+$,-!.

/01234056

748 (8 !9:;?42@0A2 :B !CDCE 'AFCA004CAF

-A

8/19/2019 CE-201 Lect_1

2/36

2 

!:34G0 "D04DC0; 

•  -A24:>EC1?2C:AG

•  *4?>9C1 7?2? JE0 B:4@?2G

•  .1?A +EF:4C29@G

• 

&;: 7C@0AGC:A?E &4?AGB:4@?2C:AG

•  KCA>CAF

•  +AC@?2C:A

8/19/2019 CE-201 Lect_1

3/36

3 

/?L K:4I MN 94G >04 ;00IO 

•  *0A04?2C:A :B N5

8/19/2019 CE-201 Lect_1

4/36

(0?3204 *4?>9C1G

 –  ,0?4A 78 ?A< T?I04

#8$8U $40AH10 ,?EE :B

-A3204 *4?>9C1G

 –  VC?AFU W8 ?A< (:=

$E?G2:1IU .19?3@XG

"32ECA0 .04C0GU #1*4?;,CEE T::I !: 

4 

8/19/2019 CE-201 Lect_1

5/36

5 

-A24:

8/19/2019 CE-201 Lect_1

6/36

K9?2 CG !:@>3204 *4?>9C1GY 

6 

! Create or manipulate images with computer  

! 

The task of composing an image on a computer is

matter of setting pixel values. The collective effects

taking on different color attributes give image. 

essentially a 

of the pixels 

8/19/2019 CE-201 Lect_1

7/36

!:@>3204 *4?>9C1GY8886 

•  + 1:@>3204 F0A04?20< C@?F0 1?A C12 ? G10A0 ?G GC@>E0 ?G290 :32ECA0 :B ? 24C?AFE0 :A ? 3ACB:4@ L?1IF4:3A< ?A< ?G

1:@>E0Z ?G ? @?FACJ10A2

8/19/2019 CE-201 Lect_1

8/36

!:@>3204 *4?>9C1GY888N 

• 

,:; CG !:@>3204 *4?>9C1G 0A

:4 >9:2:F4?>9CAF ;C29 ? 1?@04?Y

8 

8/19/2019 CE-201 Lect_1

9/36

.I0219CAF ;C29 ? $0A 

-@?F0 .>?10

ME?=G34B?10O

"LQ012 .>?10 M?LG24?12 G>?10O

Drawing outline of a triangle 

9 

8/19/2019 CE-201 Lect_1

10/36

.I0219CAF ;C29 ? $0A\6 

.0E01H:A :BE:1?H:A ?A<

:4C0A2?H:A :B

24C?AFE0

placement of an triangle in different mode in CG – transformation 

(transformation matrix)

10 

8/19/2019 CE-201 Lect_1

11/36

11 

.I0219CAF ;C29 ? $0A\N 

• 

]00< 2: ;:4I ;C29 290 G?@0 :LQ012 2: >40G0A2 

A0; :4C0A2?2C:A 

•  7CBBC13E2 2: 19?AF0 E:1?2C:A 

• 

/0GG >401CG0 •  &?I0G 2C@0 

• 

7CBB040A2C?2CAF L02;00A >?42G CG ? LC2

8/19/2019 CE-201 Lect_1

12/36

.I0219CAF ;C29 !* 

• 

Exactly not a line drawing in CG like sketching with pen with sharp

edges •

 

Image space in CG is not continuous- consisted of discrete pixels 

• 

Scanning: convert a continuous figure like line in discrete approximation 

•   Aliasing effect: distortion in figure introducedcontinuous space to discrete space. 

•   A simple graphics pipeline is shown below 

by scanning from 

12 

Objects represented in datastructures like vertices of a

triangle (x1,y1); (x2,y2);(x3,y3) – 3!2 array 

Transformation (World coordinate system) 

Scan conversion 

8/19/2019 CE-201 Lect_1

13/36

$9:2:F4?>9 

• 

&: >9:2:F4?>9 ? 40?E5ECB0 :LQ012 L= 1?@04? C2 CG CEE3@CA?20< L=

? ECF92 G:34108 

•  &90 40^0120< ECF92 1:@CAF B4:@ 290 :LQ012 G34B?10 >?GG

294:3F9 290 E0AG ?A< B?EE :A2: ? A0F?HD0U B:4@CAF ?A C@?F0 :B

290 :LQ0128 

•  $?42 :B 290 :LQ012 1E:G04 2: 290 ECF92 G:3410 G9:3E< ?>>0?4

L4CF9204 CA 290 >C12340 29?A 290 >?42 29?2 CG B342904 ?;?=U

;9040?GU :A0 B?1CAF ?;?= B4:@ 290 ECF92 G:3410 G9:3E< ?>>0?4

40E?HD0E=

8/19/2019 CE-201 Lect_1

14/36

$9:2:F4?>9\6 

• 

&90 40^01H:A B4:@ G34B?10GU 40^012?A10U ?A< CEE3@CA?H:A ?40:2904 ?40?G A004:Q012 P57 G34B?10G8

•  _342904 29040 CG ? 012 2: G:3410 :B ECF92 ;CEE

40G3E2 CA B:4@?H:A :B G9?

8/19/2019 CE-201 Lect_1

15/36

$9:2:F4?>9\N 

•  -@?F0 :B ? 40:4C0A20< :LQ012 A002340< :A ?1?@04? 

•  (0;:4ICAF ;C29 ?A :LQ012 CG >:GGCLE0 CA EC@C20< B:4@ 

15 

8/19/2019 CE-201 Lect_1

16/36

16 

!:@>3204 +C9C1G 

•  +EE:;G 40;:4ICAF ;C29 ?A :LQ012 29?20ADC4:A@0A2 2: 19?AF0 C2G 0ADC4:A@0A2

CG 140?20< CA ?A

•  &9CG CA1E3

8/19/2019 CE-201 Lect_1

17/36

17 

+>>EC1?H:AG :B !:@>3204 *4?>9C1G 

!  Computer Aided Design 

!  Presentation Graphics 

!  Computer Art 

!  Entertainment 

!  Education and Training 

!

 

Visualization 

!  Image Processing 

8/19/2019 CE-201 Lect_1

18/36

18 

M?O !:@>3204 +C

8/19/2019 CE-201 Lect_1

19/36

!+7 +>>EC1?H:AG 

Circuit board Lighting design

19 

8/19/2019 CE-201 Lect_1

20/36

!+7 +>>EC1?H:AG 

Simulation of vehicle

 performance during lane

changes

CAD for a car

20 

8/19/2019 CE-201 Lect_1

21/36

!:E:451:

8/19/2019 CE-201 Lect_1

22/36

+419C201234?E !+7 E?= :32 

22 

8/19/2019 CE-201 Lect_1

23/36

23 

MLO $40G0A2?2C:A *4?>9C1G 

•  Presentation Graphics is commonly used to produceillustrations for reports (statistical, mathematical,

economic, scientific data for reports). 

• 

Typical examples of presentation graphics are barcharts, line graphs, surface graphs, pie charts and

other displays showing relationships betweenmultiple parameters. 

8/19/2019 CE-201 Lect_1

24/36

$40G0A2?2C:A *4?>9C1G

&;:

8/19/2019 CE-201 Lect_1

25/36

$40G0A2?2C:A *4?>9C1G

Surface Chart 25 

8/19/2019 CE-201 Lect_1

26/36

26 

M1O !:@>3204 +42 

• 

!:@>3204 *4?>9C1G CG ;C34>:G0 9?4?CA2L43G9 >4:F4?@G MG319 ?G /3@0A?U >CZ0E>?CA2UG3>04>?CA2O 

 –  .>01C?EE= 0< G:R;?40G 

 –  .=@L:EC1 @?290@?H1G >?1I?F0G MG319 ?G @?290@?H1?O 

 –  70GI2:> >3LECG9CAF G:R;?40G 

 –  +AC@?H:A >?1I?F0G 0218 

8/19/2019 CE-201 Lect_1

27/36

!:@>3204 +42

Mathematica sphereRiemann Surface

27 

8/19/2019 CE-201 Lect_1

28/36

!:@>3204 +42

Painting

Computer Rendering: Snail Shell

28 

8/19/2019 CE-201 Lect_1

29/36

29 

M

8/19/2019 CE-201 Lect_1

30/36

'

8/19/2019 CE-201 Lect_1

31/36

31 

M 0O aCG3?ECG?2C:A 

• 

K0 :B20A A00< 2: ?A?E=b0 E?4F0 ?@:3A2G :B CAB:4@?H:A :4 >?40A28 

8/19/2019 CE-201 Lect_1

32/36

.1C0A2CBC1 aCG3?ECG?2C:A 

2D Velocity Simulation (beach) Visualization of protein structure

32 

8/19/2019 CE-201 Lect_1

33/36

MBO 'A2042?CA@0A2 M#:DC0GU 1:@>3204 F?@0GO 

!  Commonly used in making motion pictures, music videos,

and television shows. !  Morphing- transformation of one person or object to other  

33 

8/19/2019 CE-201 Lect_1

34/36

Morphing 

34 

8/19/2019 CE-201 Lect_1

35/36

MFO -@?F0 $4:10GGCAF 

!  Applies techniques to modify or interpret existing pictures

such as photographs and scans !  Two principal applications of image processing are (i)

improving picture quality and (ii) machine perception of

visual information, as used in robotics. 

! 

A photograph is digitized into and image file, and digitalmethods are used to rearrange pictures parts for improving

the quality 

8/19/2019 CE-201 Lect_1

36/36

Image Processing