›

Bài giảng Các đối tượng đồ họa cơ sở - Đào Nam Anh

pdf 50 trang huongle 2580
Download
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Các đối tượng đồ họa cơ sở - Đào Nam Anh", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfbai_giang_cac_doi_tuong_do_hoa_co_so_dao_nam_anh.pdf

Nội dung text: Bài giảng Các đối tượng đồ họa cơ sở - Đào Nam Anh

  1. ĐỒ HỌA MÁY TÍNH CÁC ĐỐI TƯỢNG ĐỒ HỌA CƠ SỞ Ts. Đào Nam Anh ComputerGraphics 1
  2. NỘI DUNG I. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ II. CÁC THUẬT TOÁN VẼ ĐƢỜNG III. CÁC THUẬT TOÁN TÔ MÀU ComputerGraphics 2 Trang đầu
  3. Tham khảo 1. Francis S. Hill. Computer Graphics. Macmillan Publishing Company, NewYork, 1990, 754 tr. 2. James D.Foley, Andries Van Dam, Feiner, John Hughes. Introduction to Computer Graphics. Addision Wesley, NewYork, 1995, 559 tr. 3. James D.Foley, Andries Van Dam, Feiner, John Hughes. Computer Graphics - Principle and Practice. Addision Wesley, NewYork, 1996, 1175 tr. 4. Dƣơng Anh Đức, Lê Đình Duy. Giáo trình Đồ họa máy tính. Khoa Công nghệ thông tin, Trƣờng Đại học Khoa học Tự nhiên (lƣu hành nội bộ), 1996, 237 tr. 5. Hoàng Kiếm, Dƣơng Anh Đức, Lê Đình Duy, Vũ Hải Quân. Giáo trình Cơ sở Đồ họa Máy Tính, NXB Giáo dục, 2000. 6. Donald Hearn, M.Pauline Baker. Computer Graphics, C version. Prentice ComputerGraphics Hall International Inc, Upper Saddle River, New Jersey, 1997, 652tr. 3 Trang đầu
  4. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ  Bất kì một ảnh mô tả thế giới thực nào bao giờ cũng đƣợc cấu trúc từ tập các đối tƣợng đơn giản hơn.  Ví dụ một ảnh thể hiện bài trí của một căn phòng sẽ đƣợc cấu trúc từ các đối tƣợng nhƣ cây cảnh, tủ kính, bàn ghế, tƣờng, ánh sáng đèn  Với các ảnh đồ họa phát sinh bằng máy tính, hình dạng và màu sắc của mỗi đối tƣợng có thể đƣợc mô tả riêng biệt bằng hai cách: hoặc là bằng dãy các pixel tƣơng ứng hoặc là bằng tập các đối tƣợng hình học cơ sở nhƣ đoạn thẳng hay vùng tô đa giác, Sau đó, các ảnh sẽ đƣợc hiển thị bằng cách nạp các pixel vào vùng đệm ComputerGraphics khung.  Ví dụ: Xem ảnh cánh tay robot đƣợc cấu tạo từ các đối tƣợng đồ họa cơ sở 4 Trang đầu
  5. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ scan-converting  Với các ảnh đƣợc mô tả bằng các đối tƣợng hình học cơ sở, cần phải có một quá trình chuyển các đối tƣợng này về dạng ma trận các pixel trƣớc. Quá trình này còn đƣợc gọi là quá trình chuyển đổi bằng dòng quét (scan- converting).  Bất kì công cụ lập trình đồ họa nào cũng phải cung cấp các hàm để mô tả một ảnh dƣới dạng các đối tƣợng hình học cơ sở hay còn gọi là các đối tƣợng đồ họa cơ sở (output primitives) và các hàm cho phép kết hợp tập các đối tƣợng cơ sở để tạo thành đối tƣợng có cấu trúc ComputerGraphics phức tạp hơn. 5 Trang đầu
  6. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ scan-converting  Mỗi đối tƣợng đồ họa cơ sở đƣợc mô tả thông qua dữ liệu về tọa độ và các thuộc tính của nó, đây chính là thông tin cho biết kiểu cách mà đối tƣợng đƣợc hiển thị.  Đối tƣợng đồ họa cơ sở đơn giản nhất là điểm và đoạn thẳng, ngoài ra còn có đƣờng tròn, và các đƣờng conics, mặt bậc hai, các mặt và đƣờng splines, các vùng tô đa giác, chuỗi kí tự, cũng đƣợc xem là các đối tƣợng đồ họa cơ sở ComputerGraphics để giúp xây dựng các ảnh phức tạp. 6 Trang đầu
  7. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ đối tƣợng đồ họa cơ sở ComputerGraphics 7 Trang đầu
  8. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ đối tƣợng đồ họa cơ sở Các thuật toán thực hiện quá trình chuyển đổi các đối tƣợng đồ họa cơ sở đƣợc mô tả trong hệ tọa độ thực về dãy các pixel có tọa độ nguyên của thiết bị hiển thị. Có hai yêu cầu đặt ra cho các thuật toán: Quá trình chuyển  Đối tƣợng đƣợc mô tả trong hệ tọa độ đổi một đoạn thẳng về dãy các thực là đối tƣợng liên tục, còn đối tƣợng pixel tƣơng ứng trong hệ tọa độ thiết bị là đối tƣợng rời rạc, do đó bản chất của quá trình chuyển đổi này chính là sự rời rạc hóa và nguyên hóa các đối tƣợng sao cho có thể ComputerGraphics xác định các điểm nguyên xấp xỉ đối tƣợng một cách tốt nhất, thực nhất. 8 Trang đầu
  9. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ đối tƣợng đồ họa cơ sở  Nghĩa là đối tƣợng hiển thị bằng lƣới nguyên trên thiết bị hiển thị phải có hình dạng tƣơng tự nhƣ đối tƣợng trong lƣới tọa độ thực và "có vẻ" liên tục, liền nét. Sự liên tục trên lƣới nguyên của thiết bị hiển thị có đƣợc do mắt ngƣời không thể Quá trình chuyển đổi một đoạn thẳng về dãy các phân biệt đƣợc hai điểm quá gần nhau. pixel tƣơng ứng  Do các đối tƣợng đồ họa cơ sở là thành phần chính cấu trúc các đối tƣợng phức tạp nên các thuật toán hiển thị chúng cần phải đƣợc tối ƣu hóa về mặt tốc độ ComputerGraphics 9 Trang đầu
  10. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Hệ tọa độ thế giới thực  Hệ tọa độ thế giới thực (hay hệ tọa độ thực) là hệ tọa độ đƣợc dùng mô tả các đối tƣợng thế giới thực. Một trong các hệ tọa độ thực thƣờng đƣợc dùng nhất đó là hệ tọa độ Descartes.  Với hệ tọa độ này, bất kì một điểm nào trong mặt phẳng cũng đƣợc mô tả bằng một cặp tọa độ (x, y) trong đó x, y R. Gốc tọa độ là điểm O có tọa độ (0, 0). Ox, Oy lần lƣợt đƣợc gọi là trục hoành, trục tung; x là khoảng cách từ điểm đến trục hoành hay còn đƣợc gọi là hoành độ, y là khoảng cách từ điểm ComputerGraphics đến trục tung hay còn đƣợc gọi là tung độ. 10 Trang đầu
  11. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Hệ tọa độ thế giới thực  Các tọa độ thế giới thực cho phép ngƣời dùng sử dụng bất kì một thứ nguyên (dimension) quy ƣớc nhƣ foot, cm, mm, km, inch, nào và có thể lớn nhỏ tùy ý. ComputerGraphics 11 Hệ tọa độ thực (a) và hệ tọa độ thiết bị (b) Trang đầu
  12. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Hệ tọa độ thiết bị  Hệ tọa độ thiết bị là hệ tọa độ đƣợc dùng bởi một thiết bị xuất cụ thể nào đó nhƣ máy in, màn hình, Đặc điểm chung của các hệ tọa độ thiết bị đó là:  Các điểm trong hệ tọa độ thiết bị cũng đƣợc mô tả bởi một cặp tọa độ (x, y), tuy nhiên điểm khác với hệ tọa độ thực là x,y N. Điều này cho thấy các điểm trong hệ tọa độ thực đƣợc định nghĩa liên tục, còn các điểm trong các hệ tọa độ thiết bị là rời rạc do tính chất của tập các số tự nhiên.  Các tọa độ x, y của hệ tọa độ thiết bị không thể lớn tùy ý mà đều bị giới hạn trong một khoảng nào đó. Một số thiết bị chỉ cho x chạy trong đoạn [0,639], y chạy trong đoạn [0,479]. Khoảng giới hạn các tọa độ x, y là khác ComputerGraphics nhau đối với từng loại thiết bị khác nhau. 12 Trang đầu
  13. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Hệ tọa độ thiết bị  Hệ tọa độ với các hƣớng của các trục tọa độ nhƣ trên còn đƣợc gọi là hệ tọa độ theo quy ƣớc bàn tay phải.  Ngoài ra do cách tổ chức bộ nhớ nên thông thƣờng các hệ tọa độ thiết bị thƣờng dựa trên hệ tọa độ theo quy ƣớc bàn tay trái. ComputerGraphics Hệ tọa độ theo quy ƣớc bàn tay phải (a) và quy ƣớc bàn tay trái (b) 13 Trang đầu
  14. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Điểm  Điểm là thành phần cơ sở đƣợc định nghĩa trong một hệ tọa độ. Đối với hệ tọa độ hai chiều mỗi điểm đƣợc xác định bởi cặp tọa độ (x, y).  Ngoài thông tin về tọa độ, điểm còn có thuộc tính là màu sắc. ComputerGraphics 14 Trang đầu
  15. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Đoạn thẳng  Một đƣờng thẳng có thể xác định nếu biết hai điểm thuộc nó.  Phƣơng trình đƣờng thẳng đi qua hai điểm (x1, y1) và (x2, y2) có dạng sau:  Hay ở dạng tƣơng đƣơng:  Khai triển ta có dạng: trong đó: ComputerGraphics Đây còn đƣợc gọi là phƣơng trình đoạn chắn của đƣờng thẳng. 15 Trang đầu
  16. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Đoạn thẳng ba m yy y baxx B(b ,b ) c ayx ma x y y=mx+c A(ax,ay) ComputerGraphics x ax bx 16 Dr. R. MUKUNDAN slide Trang đầu
  17. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Đoạn thẳng Nếu khai triển dƣới dạng: và đặt thì phƣơng trình đƣờng thẳng sẽ có dạng dạng này đƣợc gọi là phƣơng trình tổng quát của đƣờng thẳng. Phƣơng trình tham số của đƣờng thẳng có dạng các tọa độ x, y đƣợc mô tả qua một thành phần thứ ba là t. Dạng này rất thuận tiện khi khảo sát các đoạn thẳng. Nếu , ta có các điểm (x,y) thuộc về đoạn thẳng giới hạn bởi hai điểm (x1, y1) và (x2, y2) ComputerGraphics Nếu , ta sẽ có toàn bộ đƣờng thẳng. Một đoạn thẳng là một đƣờng thẳng bị giới hạn bởi hai điểm đầu, cuối. 17 Trang đầu
  18. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Đƣờng gấp khúc  Đƣờng gấp khúc là tập các đoạn thẳng nối với nhau một cách tuần tự.  Các đoạn thẳng này không nhất thiết phải tạo thành một hình khép kín và các đoạn có thể cắt lẫn nhau. Điểm giao của hai đoạn thẳng đƣợc gọi là đỉnh. Các đƣờng gấp khúc đƣợc xác định qua danh sách các đỉnh, mỗi đỉnh đƣợc cho bởi các cặp tọa độ  Một đa giác là một đƣờng gấp khúc có điểm đầu và điểm cuối trùng nhau. ComputerGraphics  18 Đƣờng gấp khúc (a) và đa giác (b) Trang đầu
  19. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ đoạn thẳng, đƣờng gấp khúc  Các thuộc tính của đoạn thẳng bao gồm:  Màu sắc  Độ rộng của nét vẽ.  Kiểu nét vẽ của đoạn thẳng: có thể là một trong các dạng nhƣ hình dƣới. Hầu hết các công cụ đồ họa đều định nghĩa tập các kiểu nét vẽ đoạn thẳng có thể dùng và cho phép ngƣời dùng định nghĩa kiểu đoạn thẳng của mình thông qua một mẫu (pattern) gồm các số 0, 1.  Đối với đƣờng gấp khúc, các đoạn thẳng trong cùng một ComputerGraphics đƣờng gấp khúc thì có cùng một thuộc tính. 19 Trang đầu
  20. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Vùng tô  Một vùng tô bao gồm đƣờng biên và vùng bên trong. Đƣờng biên là một đƣờng khép kín ví dụ nhƣ đa giác.  Các thuộc tính của vùng tô bao gồm:  Thuộc tính của đƣờng biên: chính là các thuộc tính nhƣ thuộc tính của đoạn thẳng.  Thuộc tính của vùng bên trong: bao gồm màu tô và mẫu tô. ComputerGraphics Vùng tô với các dạng đƣờng biên và mẫu tô khác nhau 20 Trang đầu
  21. CÁC ĐỐI TƢỢNG ĐỒ HỌA CƠ SỞ Kí tự, chuỗi kí tự Các chuỗi kí tự giúp hiển thị nội dung các thông điệp theo một ngôn ngữ nào đó. Các thuộc tính của kí tự bao gồm:  Màu sắc của các kí tự.  Font chữ: bộ kí tự dùng hiển thị: font bitmap, font truetype, font CHR,  Kích thƣớc: chiều cao và chiều rộng của kí tự. Khoảng cách giữa các kí tự.  Căn chỉnh (gióng lề): căn trái (left text), căn phải (right text), căn giữa (center text), căn đều nhau (justify text).  Cách hiển thị tuần tự của các kí tự: có thể là phải sang trái, từ trên xuống dƣới, từ trái sang phải, từ dƣới lên trên.  Hƣớng của kí tự. ComputerGraphics Dạng bitmap và vector của font kí tự B 21 Trang đầu
  22. CÁC THUẬT TOÁN VẼ ĐƢỜNG  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à (xi,yi), i=0, . Đâ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 (xi,yi) là tọa độ nguyên xác định ở bƣớc thứ i, điểm nguyên tiếp theo (xi+1,yi+1)sẽ đƣợc xác định nhƣ thế nào.  Nhận xét rằng để đối tƣợng hiển thị trên lƣới nguyên đƣợc liền nét, các điểm mà có thể chọn chỉ là một trong tám điểm đƣợc đánh số từ 1 đến 8 trong hình. Điểm đen chính là (xi,yi)). Tám điểm là: (xi 1,yi 1).  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 độ. ComputerGraphics  Các điểm (xi+1,yi+1) có thể chọn ở bƣớc (i+1) 22 Trang đầu
  23. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng  Xét đoạn thẳng có hệ số góc 0 0.  Với các đoạn thẳng dạng này, nếu (xi,yi) là điểm đã xác định đƣợc ở bƣớc thứ i (điểm màu đen) thì điểm cần chọn (xi+1,yi+1) ở bƣớc thứ (i+1) sẽ là một trong hai trƣờng hợp nhƣ hình vẽ sau: Các điểm (xi+1,yi+1) chọn ở bƣớc (i+1) cho trƣờng hợp đoạn thẳng có hệ số góc 0<m<1  Nhƣ vậy: ComputerGraphics  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 độ. 23 Trang đầu
  24. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Vẽ đoạn thẳng bằng (rasterization or scan-conversion) ComputerGraphics 24 Trang đầu
  25. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán DDA (Digital Differential Analyzer)  Với thuật toán DDA, việc quyết định chọn yi+1 là yi hay yi+1, dựa vào phƣơng trình của đoạn thẳng y=mx+b. Nghĩa là, ta sẽ tính tọa độ của điểm (xi+1,y) thuộc về đoạn thẳng thực. Tiếp đó, yi+1 sẽ là giá trị sau khi làm tròn giá trị tung độ y. y=m(xi+1+1)+b  Nhƣ vậy: yi+1=Round(y)  Nếu tính trực tiếp giá trị thực y ở mỗi bƣớc từ phƣơng trình y=mx+b 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ử ComputerGraphics phép tính nhân trên số thực: Nhận xét rằng: ysau=mxi+1+b =m (xi+1)+b y =mx +b y = y + m 25 truoc i sau truoc Trang đầu
  26. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán DDA (Digital Differential Analyzer) Lƣu đồ thuật toán DDA vẽ đoạn thẳng qua hai điểm (x1, y1) và (x2,y2) ComputerGraphics 26 Trang đầu
  27. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng 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; ComputerGraphics putpixel(x, Round(y), Color); } } // LineDDA 27 Trang đầu
  28. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Cài đặt minh họa thuật toán DDA Nhận xét  Việc sử dụng công thức ysau=ytruoc+m để tính giá trị y tại mỗi bƣớc đã giúp cho thuật toán DDA nhanh hơn hẳn so với cách tính y từ phƣơng trình y=mx+b do khử đƣợc phép nhân trên số thực. Tuy nhiên, việc cộng dồn giá trị thực m vào y có thể sẽ tích lũy sai số làm cho hàm làm tròn có kết quả sai dẫn tới việc xác định vị trí của điểm vẽ ra bị chệch hƣớng so với đƣờng thẳng thực. Điều này chỉ xảy ra khi vẽ đoạn thẳng khá dài.  Tuy đã khử đƣợc phép nhân số thực nhƣng thuật toán DDA vẫn còn bị hạn chế về mặt tốc độ do vẫn còn phép toán cộng số thực và làm tròn. Có thể khắc phục thao tác cộng số thực ComputerGraphics m và làm tròn trong thuật toán bằng cách nhận xét m=Dy/Dx với Dy, Dx là các số nguyên. 28 Trang đầu
  29. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán Bresenham  Thuật toán Bresenham đƣa ra cách chọn yi+1 là yi hay yi+1 theo một hƣớng khác sao cho có thể tối ƣu hóa về mặt tốc độ so với thuật toán DDA. Vấn đề mấu chốt ở đây là làm thế nào để hạn chế tối đa các phép toán trên số thực trong thuật toán. Gọi (xi+1,y) là điểm thuộc đoạn thẳng. Ta có: y=m(xi+1)+b. ComputerGraphics Đặt d1=y-yi , d2=(yi+1)-y. Xét tất cả các vị trí tƣơng đối của y so với yi và yi+1, việc chọn điểm (xi+1,yi+1) là S hay P phụ 29 Trang đầu thuộc vào việc so sánh d1 và d2 hay dấu của d1-d2:
  30. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán Bresenham Nếu d1-d2 0 nên dấu của biểu thức d1-d2 cũng chính là dấu của pi. Hay nói một cách khác, nếu tại bƣớc thứ i ta xác định đƣợc dấu của pi thì xem nhƣ ta xác định đƣợc điểm cần chọn ở bƣớc (i+1). Vấn đề còn ComputerGraphics lại là làm thế nào để tính đƣợc pi tại mỗi bƣớc thật nhanh. 31 Trang đầu
  31. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán Bresenham Ta có: pi+1 - pi = (2∆yxi+1 - 2∆xyi+1+c) - (2∆yxi - 2∆yi+c) pi+1 - pi = 2∆y(xi+1 - xi) - 2∆x(yi+1 - yi) pi+1 - pi = 2∆y - 2∆x(yi+1 - yi) do xi+1 = xi+1 Từ đây ta có thể suy ra cách tính pi+1 từ pi nhƣ sau: Nếu pi<0 thì pi+1 = pi +2∆y do ta chọn yi+1 = yi Ngƣợc lại, nếu pi 0, thì pi+1 = pi +2∆y -2∆x, do ta chọn yi+1 = yi +1 Giá trị p0 đƣợc tính từ điểm vẽ đầu tiên (x0,y0) theo công thức: p0=2∆yx0 – 2∆xy0 +c=2∆yx0 – 2∆xy0 – 2∆y - (2b-1)∆x ComputerGraphics Do (x0,y0) là điểm nguyên thuộc về đoạn thẳng nên ta có y0=mx0+b=x0*∆y/∆x + b. 32 Thế vào phƣơng trình trên ta suy ra: p0 = 2∆y - ∆x . Trang đầu
  32. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Lƣu đồ thuật toán Bresenham ComputerGraphics 33 Trang đầu
  33. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng 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++; } ComputerGraphics x++; putpixel(x, y, Color); } 34 } // LineBres Trang đầu
  34. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Cài đặt minh họa thuật toán Bresenham 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 pi để quyết định điểm kế tiếp, và sử dụng công thức truy hồi pi+1-pi để tính bằng các phép toán đơn giản trên số nguyên. ComputerGraphics  Thuật toán này cho kết quả tƣơng tự nhƣ thuật toán DDA. 35 Trang đầu
  35. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán MidPoint  Thuật toán MidPoint đƣa ra cách chọn yi+1 là yi hay yi +1 bằng cách so sánh điểm thực Q (xi +1,y) với điểm MidPoint là trung điểm của S và P. Ta có:  Nếu điểm Q nằm dƣới điểm MidPoint, ta chọn S.  Ngƣợc lại nếu điểm Q nằm trên điểm MidPoint ta chọn P. ComputerGraphics 36 Trang đầu
  36. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán MidPoint Ta có dạng tổng quát của phƣơng trình đƣờng thẳng: Ax+By+C=0 với A=y0-y1,B=-(x2-x1),C=x2y1-x1y2 Đặt F(x,y)=Ax+By+C, ta có nhận xét: Lúc này việc chọn các điểm S, P ở trên đƣợc đƣa về việc xét dấu của ComputerGraphics pi=2F(midPoint)=2F(xi+1,yi+1/2 37 Trang đầu
  37. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán MidPoint Ta có dạng tổng quát của phƣơng trình đƣờng thẳng: Ax+By+C=0 Với A=y0-y1,B=-(x2-x1),C=x2y1-x1y2 Đặt F(x,y)=Ax+By+C, ta có nhận xét: Lúc này việc chọn các điểm S, P ở trên đƣợc đƣa về việc xét dấu của pi=2F(midPoint)=2F(xi+1,yi+1/2)  Nếu pi<0, điểm MidPoint nằm phía trên đoạn thẳng. Lúc này điểm thực Q nằm dƣới điểm MidPoint nên ta chọn S, tức là yi+1=yi.  Ngƣợc lại, điểm MidPoint nằm phía dƣới đoạn thẳng. Lúc này ComputerGraphics điểm thực Q nằm trên điểm MidPoint nên ta chọn P, tức là yi+1=yi. +1. 38 Trang đầu
  38. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đoạn thẳng Thuật toán MidPoint Mặt khác: Vậy: pi+1=pi+2Dy, nếu pi<0 do ta chọn yi+1=yi. pi+1=pi+2Dy-2Dx, nếu pi 0 do ta chọn yi+1=yi +1. Ta tính giá trị p0 ứng với điểm ban đầu (x0,y0), với nhận xét rằng (x0,y0) là điểm thuộc về đoạn thẳng, tức là có Ax0+By0+C=0: Nhận xét rằng thuật toán MidPoint cho kết quả tƣơng tự nhƣ thuật toán Bresenham. ComputerGraphics 39 Trang đầu
  39. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Phƣơng trình đƣờng tròn có tâm là gốc tọa độ, bán kính R là x2+y2=R2. Từ phƣơng trình này ta có thể đƣa về dạng Để vẽ các đƣờng tròn có tâm (x ,y ) bất kì, đơn giản chỉ cần tịnh tiến các điểm sau khi vẽ xong đƣờng tròn có tâm là gốc tọa độ theo vector tịnh tiến (x ,y ). ComputerGraphics 40 Trang đầu
  40. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Một số cách tiếp cận vẽ đƣờng tròn  Do tính đối xứng nên để vẽ toàn bộ đƣờng tròn, ta chỉ cần vẽ cung ¼ đƣờng tròn sau đó lấy đối xứng để xác định các điểm còn lại.  Một trong những cách đơn giản nhất là cho x chạy từ 0 đến R, sau đó tính y từ công thức trên (chỉ lấy giá trị dƣơng) rồi làm tròn để xác định giá trị nguyên tƣơng ứng. Cách làm này không hiệu quả do gặp phải các phép toán nhân và lấy căn làm hạn chế tốc độ, ngoài ra đƣờng tròn vẽ ra theo cách này có thể không liền nét (trừ trƣờng hợp R lớn) khi x gần R (do chỉ có một giá trị y duy nhất cho một giá trị x).  Chúng ta có thể khắc phục điều này bằng cách điều chỉnh đối tƣợng thay đổi là x (rồi tính y theo x) hay y (rồi tính x theo y) tùy vào giá trị tuyệt đối của hệ số góc đƣờng tròn là lớn hơn hay ComputerGraphics nhỏ hơn 1, nhƣng cách làm này đòi hỏi thêm các phép tính toán và kiểm tra nên làm cho thuật toán phức tạp thêm. 41 Trang đầu
  41. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Một số cách tiếp cận vẽ đƣờng tròn  Một cách tiếp cận khác là vẽ các điểm (Rcos( ), Rsin( )) với chạy từ 0ođến 90o. Cách này sẽ khắc phục hạn chế đƣờng không liền nét của thuật toán trên, tuy nhiên điểm hạn chế chính của thuật toán này đó là chọn bƣớc nhảy cho nhƣ thế nào cho phù hợp khi bán kính thay đổi. (0, 17)  (17, 0) ComputerGraphics Đƣờng tròn vẽ ra không liền nét theo cách vẽ trên 42 Trang đầu
  42. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Thuật toán MidPoint Do tính đối xứng của đƣờng tròn (C) nên ta chỉ cần vẽ cung (C1/8) là cung 1/8 đƣờng tròn, sau đó lấy đối xứng. Cung (C1/8) đƣợc mô tả nhƣ sau (cung của phần tô xám trong hình vẽ):  Các vị trí đối xứng trên đƣờng tròn (C) tƣơng ứng với (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). ComputerGraphics Chọn điểm bắt đầu để vẽ là điểm (0,R). Dựa vào hình vẽ, nếu (xi,yi) là điểm nguyên đã tìm đƣợc ở bƣớc thứ i, thì điểm 43 Trang đầu (xi+1,yi+1) ở bƣớc thứ (i+1) là sự lựa chọn giữa S và P.
  43. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Thuật toán MidPoint Nhƣ vậy: Tƣơng tự nhƣ thuật toán MidPoint vẽ đoạn thẳng, việc quyết định chọn một trong hai điểm S và P sẽ đƣợc thực hiện thông qua việc xét dấu của một hàm nào đó tại điểm MidPoint là điểm nằm giữa chúng. ComputerGraphics 44 Trang đầu
  44. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Thuật toán MidPoint Đặt F(x,y)=x2+y2-R2, ta có: Xét . Ta có:  Nếu pi<0, điểm MidPoint nằm trong đƣờng tròn. Lúc này điểm thực Q gần S hơn nên ta chọn S, tức là yi+1=yi.  Ngƣợc lại, điểm MidPoint nằm ngoài đƣờng tròn. Lúc này điểm thực Q gần P hơn nên ta chọn P, tức là yi+1=yi-1. ComputerGraphics 45 Trang đầu
  45. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Thuật toán MidPoint Vậy: pi+1 = pi + 2xi +3, nếu pi < 0 do ta chọn yi+1 = yi. pi+1 = pi + 2xi – 2yi +5, nếu do ta chọn pi 0, do ta chọn yi+1 = yi-1 Ta tính giá trị ứng với điểm ban đầu (x0,y0)=(O,R). ComputerGraphics 46 Trang đầu
  46. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ đƣờng tròn Thuật toán MidPoint void Put8Pixel(int x, int y) { putpixel(x, y, Color); putpixel(y, x, Color); putpixel(y, -x, Color); putpixel(x, -y, Color); putpixel(-x, -y, Color); putpixel(-y, -x, Color); putpixel(-y, x, Color); putpixel(-x, y, Color); } // Put8Pixel void CircleMidPoint (int R) { int x, y; x = 0; y = R; Put8Pixel(x, y); p = 1 - R; // 5/4-R while (x < y) { if (p < 0) p += 2*x + 3; else{ p += 2*(x -y) + 5; y ; ComputerGraphics } x++; Put8Pixel(x, y); } 47 // CircleMidPoint Trang đầu
  47. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ các đƣờng conics và một số đƣờng cong khác  Phƣơng trình tổng quát của các đƣờng conics có dạng:  Giá trị của các hằng số A, B, C, D, E, F sẽ quyết định dạng của đƣờng conics, cụ thể là nếu:  Ta sẽ áp dụng ý tƣởng của thuật toán MidPoint để vẽ các đƣờng conics và một số đƣờng cong khác, theo các bƣớc tuần tự sau:  Bƣớc 1: Dựa vào dáng điệu và phƣơng trình đƣờng cong, để xem thử có thể rút gọn phần đƣờng cong cần vẽ hay không. Điều này sẽ làm tăng tốc độ vẽ so với việc phải vẽ toàn bộ ComputerGraphics đƣờng cong. Một trong những cách đơn giản nhất là dựa vào tính đối xứng, tính chất của hàm chẵn, hàm lẻ 48 Trang đầu
  48. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ các đƣờng conics và một số đƣờng cong khác  Bƣớc 2: Tính đạo hàm để từ đó phân thành các vùng vẽ: Nếu thì Nếu thì Nếu thì Nếu thì  Đây là bƣớc quan trọng vì với việc xác định đối tƣợng x hay y biến thiên theo dáng điệu của đƣờng cong sẽ đảm bảo đƣờng sau khi đƣợc vẽ ra sẽ liền nét, không bị hở. ComputerGraphics 49 Trang đầu
  49. CÁC THUẬT TOÁN VẼ ĐƢỜNG Thuật toán vẽ các đƣờng conics và một số đƣờng cong khác  Bƣớc 3: Xác định công thức của pi cho từng trƣờng hợp để quyết định (*) dựa trên dấu của pi. pi thƣờng là hàm đƣợc xây dựng từ phƣơng trình đƣờng cong để cho pi =0 nếu (xi,yi) thuộc về đƣờng cong. Việc chọn pi cần phải chú ý sao cho thao tác tính pi sau này hạn chế phép toán trên số thực.  Bƣớc 4: Tìm mối liên quan của pi+1 và pi bằng cách xét hiệu pi+1 -pi .  Bƣớc 5: Tính p0 và hoàn chỉnh thuật toán. ComputerGraphics 50 Trang đầu
  50. Câu hỏi  computer-graphics ComputerGraphics 51 Trang đầu