1 introduction line attribute color and gray scale area filled attribute anti-aliasing
TRANSCRIPT
![Page 1: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/1.jpg)
1
Introduction
• Line attribute
• Color and gray scale
• Area filled attribute
• Anti-aliasing
![Page 2: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/2.jpg)
2
Attributes of Output Primitives
DefinitionDefinitionParameter that affects the way a primitive will be Parameter that affects the way a primitive will be displayeddisplayed
Line Attribute
. Type
. Width
. Color
. Pen & Brush
![Page 3: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/3.jpg)
3
Line Attribute
Type
. Solid
. Dotted – very short dash with spacing equal to
or greater than dash itself
. Dashed – displayed by generating an interdash spacing
Pixel count for the span and interspan length is specified
by the mask . Ex. 111100011110001111
Note : Fixed pixel with dashes can produce unequal length dashes. It depend on line orientation. So, need to adjust the number of plotted pixels for different slopes.
![Page 4: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/4.jpg)
4
Line Attribute
Width
. Specify in pixels and proportion of a standard line width.
. Thicker line can be produced by.
. Adding extra pixel vertically when |m| < 1
. Adding extra pixel horizontally when |m| > 1
. Issues:
. Line have different thickness on the slope
. Problem with
. End of the line
. Joining the two lines (polygon)
![Page 5: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/5.jpg)
5
Attributes of Output Primitives
![Page 6: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/6.jpg)
6
Attributes of Output Primitives
![Page 7: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/7.jpg)
7
Line Attribute
Pen and Brush. The selected “pen” or “brush” determine the way a line will be drawn.
. Pens and brushes have size, shape, color and pattern attribute.
. Pixel mask is applied in both of them.
![Page 8: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/8.jpg)
8
Curve Attribute
Similar to line : type + width
Thicker curves can be produced by:
1. Plotting additional pixel
2. Filling the space between two concentric circles.
3. Using thicker pen or brush
![Page 9: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/9.jpg)
9
COLOR AND GRAY SCALE LEVEL
ColorColors are represented by colors codes which are
positive integers.
Color information is stored in frame buffer or in separate table and use pixel values as index to the color table.
Two ways to store color information :1. Direct 2. Indirect
![Page 10: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/10.jpg)
10
COLOR
Direct
![Page 11: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/11.jpg)
11
COLOR
Indirect
![Page 12: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/12.jpg)
12
COLOR
Exercise:
What is the size of frame buffer required for the following cases:
Case 1 (Direct): Resolution of 1024 * 1024 with 24 bits per pixel
Case 2 (Indirect): Same resolution with 8 bit per pixel that indexed out of 16 million available colors
Conclusion
CLUT is good for storage but can’t give a very high resolution picture.
![Page 13: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/13.jpg)
13
GRAY SCALE LEVEL
Apply for monitor that have no color
Shades of grey (white->light grey->dark grey->black) Color code mapped onto grayscale codes 2 bits can give 4 level of grayscale 8 bits per pixel will allow 256 combination Dividing the actual code with 256 will give range of 0 and 1
Ex:Color code in color display is 118
To map to nearest grayscale then
118/256 = 0.45
light gray
Scale Shade
1 black
0.66 Dark grey
0.33 Light Grey
0 White
![Page 14: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/14.jpg)
14
AREA FILLED ATTRIBUTE
. Option for filling a defined region is whether solid , pattern and colors.
Fill Styles . Three basic fill styles are:
. hollow with color border.. interior color is same with background
![Page 15: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/15.jpg)
15
AREA FILLED ATTRIBUTE
. filled with a solid color .. color up to and including the border
pattern .. control by other table
![Page 16: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/16.jpg)
16
Pattern Fill
Ex: Table with two dimensional array of color codes.Index 1: Cpa[1,1] = 4
Cpa[2,2] = 4 | 4 0 | Cpa[1,2] = 0 | 0 4 | Cpa[2,1] = 0
Index 2: Cpb[1,1] = 4 Cpb[2,2] = 4 | 4 6 4 |
Cpb[3,3] = 4 | 6 4 6 | Cpb[1,2] = 6 | 4 6 4 |
Cpb[2,1] = 6 Cpb[2,3] = 6 Cpb[1,3] = 4 Cpb[3,1] = 4 Cpb[3,3] = 4
![Page 17: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/17.jpg)
17
Pattern Fill
.Filling an area with rectangular pattern is called tiling.
.Some pattern are generated based on and, or, xor, replace logic which result based on the foreground and background color.
.Soft Fill is a method where factor is given in order to control the transparency of background and foreground
P = tF+(1-t)B t: transparency value 0-1
![Page 18: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/18.jpg)
18
ANTIALIASING
![Page 19: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/19.jpg)
19
ANTIALIASING
![Page 20: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/20.jpg)
20
ANTIALIASING
This distortion is due to low-frequency sampling and it is called aliasing.
.To improve the appearance is called antialiasing method.
.The straight line, circle and ellipse drawing algorithms have to decide which pixel are closest to line.
.Scan conversion samples a line and choose which of the much smaller number of pixel on the screen to be plotted to represent a line.
![Page 21: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/21.jpg)
21
ANTIALIASING
Increasing Screen Resolution
![Page 22: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/22.jpg)
22
ANTIALIASING
Supersampling
![Page 23: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/23.jpg)
23
ANTIALIASING
![Page 24: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/24.jpg)
24
ANTIALIASING
![Page 25: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/25.jpg)
25
ANTIALIASING
![Page 26: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/26.jpg)
26
ANTIALIASING
![Page 27: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/27.jpg)
27
ANTIALIASING
![Page 28: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/28.jpg)
28
ANTIALIASING
![Page 29: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/29.jpg)
29
ANTIALIASING
![Page 30: 1 Introduction Line attribute Color and gray scale Area filled attribute Anti-aliasing](https://reader036.vdocument.in/reader036/viewer/2022062517/56649ed45503460f94be46e9/html5/thumbnails/30.jpg)
30
Conclusion
• Polygon Filling (scan-line, boundary, flood) • Line attributes (size, type, color,pen&brush)• Color and gray scale representation and storing
• Full 24-bit• Color LUT
• Area filled (polygon) attributes • Fill styles (hollow, filled, pattern)
• Distortion (aliasing)• Anti-aliasing techniques
• Screen resolution• Super sampling• Area sampling (Weighted & unweighted)