Tài liệu Bài giảng về đồ họa - LineDrawing docx

ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 1/22 C C a a ù ù c c t t h h u u a a ä ä t t t t o o a a ù ù n n v v e e õ õ đ đ ư ư ơ ơ ø ø n n g g D D a a ã ã n n n n h h a a ä ä p p • Giả sử tọa độ các điểm nguyên sau khi xấp xỉ đối tượng thực lần lượt là ( ) , 0 , , = i y x ii . Đây là các điểm nguyên sẽ được hiển thò trên màn hình. • Bài toán đặt ra là nếu biết được ( ) ii y x , là tọa độ nguyên xác đònh ở bước thứ i, điểm nguyên tiếp theo ( ) 11 , ++ ii y x sẽ được xác đònh như thế nào. • Đối tượng hiển thò trên lưới nguyên được liền nét, các điểm mà ( ) 11 , ++ ii y x có thể chọn chỉ là một trong tám điểm được đánh số từ 1 đến 8 trong hình sau (điểm đen chính là ( ) ii y x , ).Hay nói cách khác : ( ) ( ) 1 , 1 , 11 ± ± = ++ iiii y x y x . • Dáng điệu của đường sẽ cho ta gợi ý khi chọn một trong tám điểm trên. Cách chọn các điểm như thế nào sẽ tùy thuộc vào từng thuật toán trên cơ sở xem xét tới vấn đề tối ưu tốc độ. 1 23 876 5 4 ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 2/22 T T h h u u a a ä ä t t t t o o a a ù ù n n v v e e õ õ đ đ ư ư ơ ơ ø ø n n g g t t h h a a ú ú n n g g • Xét đoạn thẳng có hệ số góc 1 0 < < m và 0 > Dx . • Với các đoạn thẳng dạng này, nếu ( ) ii y x , là điểm đã xác đònh được ở bước thứ i (điểm màu đen) thì điểm cần chọn ( ) 11 , ++ ii y x ở bước thứ (i+1) sẽ là một trong hai trường hợp như hình vẽ sau : { }    +∈ += + + 1, 1 1 1 iii ii yyy xx • Vấn đề còn lại, là cách chọn một trong hai điểm trên như thế nào để có thể tối ưu về mặt tốc độ. (x i +1, y i +1) 1 2 (x i +1, y i ) x i y i ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 3/22 T T h h u u a a ä ä t t t t o o a a ù ù n n D D D D A A ( ( D D i i g g i i t t a a l l D D i i f f f f e e r r e e n n t t i i a a l l A A n n a a l l y y z z e e r r ) ) • Việc quyết đònh chọn 1+i y là i y hay 1 + i y , dựa vào phương trình của đoạn thẳng b mx y + = . Nghóa là, ta sẽ tính tọa độ của điểm ( ) y x i , 1 + thuộc về đoạn thẳng thực. Tiếp đó, 1+i y sẽ là giá trò sau khi làm tròn giá trò tung độ y. • Như vậy : ( ) ( ) yRoundy b x m y i i = ++= +1 1 • Nếu tính trực tiếp giá trò thực y ở mỗi bước từ phương trình b mx y + = thì phải cần một phép toán nhân và một phép toán cộng số thực. Để cải thiện tốc độ, người ta tính giá trò thực của y ở mỗi bước theo cách sau để khử phép tính nhân trên số thực : • Nhận xét rằng : ( ) b x m b mx y iisau ++=+= + 1 1 b mx y itrước + = m y y trướcsau + = ⇒ (x i , y i ) (x i +1, y) (x i +1, Round(y)) ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 4/22 Lưu đồ thuật toán DDA Begin m=Dy/Dx; x=x1; y=y1; putpixel(x, Round(y), c); x<x2 Yes No x=x+1; y=y+m; putpixel(x, Round(y),c); End ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 5/22 • Ví dụ : Cho A(12, 20) và B(22, 27), ta có m= 0.7 i i x x i i y y i i y y 0 0 1 1 2 2 2 2 0 0 2 2 0 0 1 1 1 1 3 3 2 2 1 1 2 2 0 0 . . 7 7 2 2 1 1 4 4 2 2 1 1 2 2 1 1 . . 4 4 3 3 1 1 5 5 2 2 2 2 2 2 2 2 . . 1 1 4 4 1 1 6 6 5 5 1 1 7 7 6 6 1 1 8 8 7 7 1 1 9 9 8 8 2 2 0 0 9 9 2 2 1 1 1 1 0 0 2 2 2 2 2 2 7 7 • Cài đặt minh họa thuật toán DDA #define Round(a) int(a+0.5) int Color = GREEN; void LineDDA (int x1, int y1, int x2, int y2) { int x = x1; float y = y1; float m = float(y2-y1)/(x2-x1); putpixel(x, Round(y), Color); for(int i=x1; i<x2; i++) { x++; y +=m; putpixel(x, Round(y), Color); } } // LineDDA ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 6/22 T T h h u u a a ä ä t t t t o o a a ù ù n n B B r r e e s s e e n n h h a a m m • Gọi ( ) y x i , 1 + là điểm thuộc đoạn thẳng. Ta có: ( ) b x m y i + + = 1 . • Đặt ( ) yyd y y d i i −+= −= 1 2 1 • Xét tất cả các vò trí tương đối của y so với i y và 1 + i y , việc chọn điểm ( ) 11 , ++ ii y x là S hay P phụ thuộc vào việc so sánh d 1 và d 2 hay dấu của 21 d d − : ♦ Nếu 0 21 <− d d , ta sẽ chọn điểm S, tức là ii y y = +1 . ♦ Ngược lại, nếu 0 21 ≥ − d d , ta sẽ chọn điểm P, tức là 1 1 += + ii y y • Xét ( ) ( ) 1 2 2 21 −−=−= ii y y Dx d d Dx p ( ) ( ) [ ] 1 2 1 2 − − + + = ⇒ iii y b x m Dx p (x i +1, y) P S x i x i +1 y i y i +1 y d 1 d 2 ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 7/22 • Thay Dx Dy m = vào phương trình trên ta được : c Dxy Dyx p iii +−= 2 2 , với ( ) Dx b Dy c 1 2 2 − + = . • Nhận xét rằng nếu tại bước thứ i ta xác đònh được dấu của i p thì xem như ta xác đònh được điểm cần chọn ở bước (i+1). • Ta có : ( ) ( ) c Dxy Dyx c Dxy Dyx p p iiiiii + − − + − = − +++ 2 2 2 2 111 ( ) ( ) iiiiii y y Dx x x Dy p p − − − = − ⇔ +++ 111 2 2 ( ) 1 do , 2 2 111 + = − − = − ⇔ +++ iiiiii x x y y Dx Dy p p • Từ đây ta có thể suy ra cách tính 1+i p từ i p như sau : ♦ Nếu 0 < i p thì Dy p p ii 2 1 + = + do ta chọn ii y y = +1 . ♦ Ngược lại, nếu 0 ≥ i p , thì Dx Dy p p ii 2 2 1 − + = + , do ta chọn 1 1 + = + ii y y . • Giá trò 0 p được tính từ điểm vẽ đầu tiên ( ) 00 , y x theo công thức : ( ) Dx b Dy Dxy Dyx c Dxy Dyx p 1 2 2 2 2 2 2 00000 −−+−=+−= • Do ( ) 00 , y x là điểm nguyên thuộc về đoạn thẳng nên ta có bx Dx Dy bmxy +=+= 000 . Thế vào phương trình trên ta suy ra : Dx Dy p −= 2 0 . ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 8/22 Lưu đồ thuật toán Bresenham Begin p=2Dy-Dx; Const1=2Dy; Const2=2(Dy-Dx); x=x1; y=y1; putpixel(x, y, c); x<x2 Yes No p<0 Yes p=p+Const1; No p=p+Const2; y=y+1 x=x+1; putpixel(x,y,c); End ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 9/22 • Ví dụ : Cho A(12, 20) và B(22, 27), • Ta có ♦ Dx = 22-12 = 10, Dy=27-20=7 ♦ Const1 = 2Dy = 14, Const2 = 2(Dy – Dx) = -6 ♦ p 0 = 2Dy – Dx = 14-10 = 4 i i x x i i y y i i p p i i 0 0 1 1 2 2 2 2 0 0 4 4 1 1 1 1 3 3 2 2 1 1 - - 2 2 2 2 1 1 4 4 2 2 1 1 1 1 2 2 3 3 1 1 5 5 2 2 2 2 6 6 4 4 1 1 6 6 2 2 3 3 0 0 5 5 1 1 7 7 2 2 4 4 - - 6 6 6 6 1 1 8 8 2 2 4 4 8 8 7 7 1 1 9 9 2 2 5 5 2 2 8 8 2 2 0 0 2 2 6 6 - - 4 4 9 9 2 2 1 1 2 2 6 6 1 1 0 0 1 1 0 0 2 2 2 2 2 2 7 7 4 4 • Nhận xét ♦ Thuật toán Bresenham chỉ làm việc trên số nguyên và các thao tác trên số nguyên chỉ là phép cộng và phép dòch bit (phép nhân 2) điều này là một cải tiến làm tăng tốc độ đáng kể so với thuật toán DDA. Ý tưởng chính của thuật toán nằm ở chỗ xét dấu i p để quyết đònh điểm kế tiếp, và sử dụng công thức truy hồi ii p p − +1 để tính i p bằng các phép toán đơn giản trên số nguyên. ♦ Thuật toán này cho kết quả tương tự như thuật toán DDA. ĐỒ HỌA MÁY TÍNH Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 10/22 • Cài đặt minh họa thuật toán Bresenham void LineBres (int x1, int y1, int x2, int y2) { int Dx, Dy, p, Const1, Const2; int x, y; Dx = x2 - x1; Dy = y2 - y1; p = 2*Dy - Dx; // Dy <<1 - Dx Const1 = 2*Dy; // Dy <<1 Const2 = 2*(Dy-Dx); // (Dy-Dx) <<1 x = x1; y = y1; putpixel(x, y, Color); for(i=x1; i<x2; i++) { if (p<0) p += Const1; else { p += Const2; y++; } x++; putpixel(x, y, Color); } } // LineBres [...]... sau (cung của phần tô xám trong hình vẽ) :  2 0 ≤ x ≤ R  2  2  R  2 ≤ y≤R  (-x,y) (x,y) (y,x) (-y,x) R (-y,-x) (-x,-y) 2 (y,-x) (x,-y) • Như vậy nếu có (x, y) ∈ (C1/8) thì các điểm : (y, x), (y,x), (x,-y), (-x,-y), (-y,-x), (-y,x), (-x,y) sẽ thuộc (C) Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 15/22 ĐỒ HỌA MÁY TÍNH • Chọn điểm bắt đầu để vẽ là điểm (0,R) • Dựa vào hình vẽ, nếu ( x i ,... 2*(x -y) + 5; y ; } x++; Put8Pixel(x, y); } } // CircleMidPoint Dương Anh Đức, Lê Đình Duy Các thuật toán vẽ đường 19/22 ĐỒ HỌA MÁY TÍNH • Ví dụ : Vẽ đường tròn tâm I(0,0), bán kính R=15 i 0 1 2 3 4 5 6 7 8 9 10 11 xi 0 1 2 3 4 5 6 7 8 9 10 11 yI 15 15 15 15 14 14 14 13 13 12 11 10 pi -1 4 -1 1 -6 1 -1 8 -7 6 -5 12 7 6 9 1-1 5 -1 4+2*(0)+3 -1 1+2*(1)+3 -6 +2*(2)+3 1+2*( 3-1 5)+5 -1 8+2*(4)+3 -7 +2*(5)+3 6+2( 6-1 4)+5... -1 8 -7 6 -5 12 7 6 9 1-1 5 -1 4+2*(0)+3 -1 1+2*(1)+3 -6 +2*(2)+3 1+2*( 3-1 5)+5 -1 8+2*(4)+3 -7 +2*(5)+3 6+2( 6-1 4)+5 -5 +2(7)+3 12+2( 8-1 3)+5 7+2( 9-1 2)+5 6+2(1 0-1 1)+5 Delta1 3 5 7 9 11 13 15 17 19 21 23 25 Delta2 -2 5 -2 3 -2 1 -1 9 -1 5 -1 3 -1 1 -7 -5 -1 3 7 Nhận xét : • Nếu đặt Delta1 = 2*x+3, Delta2 = 2*(x-y)+5 thì ♦ Do mỗi bước đều tăng x nên sau mỗi lần lặp giá trò Delta1 luôn tăng 2 ♦ Do y bò giảm 1 khi gặp p≥0... 17/22 ĐỒ HỌA MÁY TÍNH Lưu đồ thuật toán MidPoint vẽ đường tròn Begin p=5/4-R; x=0; y=R; Put8Pixel(x, y, c); x . điểm : (y, x), (y ,- x), (x,-y), (-x,-y), (-y,-x), (-y,x), (-x,y) sẽ thuộc (C). 2 R (x,y)(-x,y) (y,x) (-y,x) (x,-y)(-x,-y) (-y,-x) (y,-x) ĐỒ HỌA MÁY TÍNH Dương. R=15. i i x x i i y y I I p p i i D D e e l l t t a a 1 1 D D e e l l t t a a 2 2 0 0 0 0 1 1 5 5 - - 1 1 4 4 1 1 - - 1 1 5 5 3 3 - - 2 2 5 5 1 1 1 1 1 1 5 5 - - 1 1 1 1 - - 1 1 4 4 + + 2 2 * * ( ( 0 0 ) ) + + 3 3 5 5 - - 2 2 3 3 2 2 2 2 1 1 5 5 - - 6 6 - - 1 1 1 1 + + 2 2 * * ( ( 1 1 ) ) + + 3 3 7 7 - - 2 2 1 1 3 3 3 3 1 1 5 5 1 1 - - 6 6 + + 2 2 * * ( ( 2 2 ) ) + + 3 3 9 9 - - 1 1 9 9 4 4 4 4 1 1 4 4 - - 1 1 8 8 1 1 + + 2 2 * * ( ( 3 3 - - 1 1 5 5 ) ) + + 5 5 1 1 1 1 - - 1 1 5 5 5 5 5 5 1 1 4 4 - - 7 7 - - 1 1 8 8 + + 2 2 * * ( ( 4 4 ) ) + + 3 3 1 1 3 3 - - 1 1 3 3 6 6 6 6 1 1 4 4 6 6 - - 7 7 + + 2 2 * * ( ( 5 5 ) ) + + 3 3 1 1 5 5 - - 1 1 1 1 7 7 7 7 1 1 3 3 - - 5 5 6 6 + + 2 2 ( ( 6 6 - - 1 1 4 4 ) ) + + 5 5 1 1 7 7 - - 7 7 8 8 8 8 1 1 3 3 1 1 2 2 - - 5 5 + + 2 2 ( ( 7 7 ) ) + + 3 3 1 1 9 9 - - 5 5 9 9 9 9 1 1 2 2 7 7 1 1 2 2 + + 2 2 ( ( 8 8 - - 1 1 3 3 ) ) + + 5 5 2 2 1 1 - - 1 1 1 1 0 0 1 1 0 0 1 1 1 1 6 6 7 7 + + 2 2 ( ( 9 9 - - 1 1 2 2 ) ) + + 5 5 2 2 3 3 3 3 1 1 1 1 1 1 1 1 1 1 0 0 9 9 6 6 + + 2 2 ( ( 1 1 0 0 - - 1 1 1 1 ) ) + + 5 5 2 2 5 5 7 7 Nhận