Open gl introduction
11 likes2,162 views
Tài liệu giới thiệu về OpenGL ES, một phiên bản nhẹ của OpenGL dành cho hệ thống nhúng. Nó bao gồm các thao tác cơ bản như vẽ hình học, biến đổi, tô màu và tương tác người dùng. Các khái niệm và hàm quan trọng như GL, GLU và GLUT được trình bày để hỗ trợ việc lập trình đồ họa 3D.
![Thao tác trên chế độ selection
luongnv89@gmail.com 24
- Kích hoạt: glRenderMode(GL_SELECT
- Xác định vùng chọn
void gluPickMatrix(Gldouble x, GLdouble y, Gldouble
width, Gldouble height, Glint viewport[4]);
- x,y, width, height: tham số xác định quan tâm trên
viewport
- Viewport[4]: mảng 4 phần tử chứa 4 tham số của
viewport](https://image.slidesharecdn.com/openglintroduction-131009164721-phpapp02/85/Open-gl-introduction-24-320.jpg)
Open gl introduction
- 2. • Introduce OpenGL1 • Drawing geometry object2 • Transform3 • Coloring4 • Interact with user: selecting object5 Content luongnv89@gmail.com 2
- 3. 1. GIỚI THIỆU OPENGL ES luongnv89@gmail.com 3 1. OpenGL là gì? 2. Cú pháp của OpenGL 3. OpenGL Utility Toolket(GLUT)
- 4. OpenGL là gì? luongnv89@gmail.com 4 - Open Graphics Library - Một tiêu chuẩn kỹ thuật đồ họa - Định ra một giao diện lập trình ứng dụng đồ họa 3D. (cũng có thể dùng trong ứng dụng 2D) - Chứa khoảng 250 hàm để vẽ các cảnh phức tạp từ các hàm đơn giản - Sử dụng rộng rãi trong game, CAD, thực tế ảo, …. - Đối thủ: DirectX của Microsoft.
- 5. OpenGL ES là gì? luongnv89@gmail.com 5 - OpenGL for Embedded System - Bản rút gọn của OpenGL dành cho các thiết bị di động
- 6. Cấu trúc lệnh trong OpenGL luongnv89@gmail.com 6 - Hàm: gl VD: glClearColor() - Hằng: GL_ VD: GL_COLOR_BUFFER_BIT - Hậu tố: b,f,I,d, VD: glVertex2i(1,3)
- 7. GLUT: OpenGL Utility Toolkit luongnv89@gmail.com 7 - Là một thư viện công cụ hỗ trợ cho openGL - Hỗ trợ quản lý window, xuất nhập, vẽ đối tượng 3D phức tạp(mặt cầu, khối hộp,….) - Tên các hàm của GLUT: tiền tố glut
- 8. 2. VẼ CÁC ĐỐI TƯỢNG HÌNH HỌC luongnv89@gmail.com 8 1. Một số thao tác cơ bản 2. Vẽ các đối tượng hình học
- 9. Một số thao tác cơ bản 1. Xóa màn hình - Color buffer: buffer chứa màu của các pixel cần thể hiện - Depth buffer: buffer chứa chiều sâu của pixel, đo bằng khoảng cách đến mắt - glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT) - glClearColor(0.0,0.0,0.0); // Xác định màu để xóa color buffer - glClearDepth(1.0);// Xác định giá trị để xóa depth buffer 2. Xác định màu - glColor3f(x,y,z) (0.0, 0.0, 0.0) : black (1.0, 1.0, 1.0) : white (1.0, 0.0, 0.0) : red (1.0, 1.0, 0.0) : yellow (0.0, 1.0, 0.0) : green (1.0, 0.0, 1.0) : magenta (0.0, 0.0, 1.0) : blue (0.0, 1.0, 1.0) : cyan
- 10. Vẽ các đối tượng hình học - openGL chỉ hỗ trợ các đối tượng hình học cơ bản: điểm, đoạn thẳng, đa giác - Khai báo 1 điểm: hàm glVertexXY(): X - số chiều (2,3 hoặc 4), Y-kiểu dữ liệu(b,I,f,..). VD: glColor3f(1.0,1.0,1.0) - Xây dựng đối tượng hình học khác glBegin(mode); // Xác định tọa độ và màu sắc các điểm của hình glEnd(); Giá trị của mode: GLUT hỗ trợ sẵn 1 số hàm để vẽ các đối tượng phức tạp
- 11. 3. CÁC PHÉP BIẾN ĐỔI luongnv89@gmail.com 11 1. Giới thiệu 2. ModelView 3. Projection 4. Viewport
- 12. Giới thiệu - Tiên trình đi từ điểm trong không gian thế giới thực đến pixel trên màn hình - Tọa độ 1 điểm : (x,y,z,w)T thường w=1 - Ma trận biến đổi: M4x4 - Đẩy ma trận hiện hành vào stack: void glPushMatrix(void) - Lấy ma trận hiện hành ở đỉnh stack: void glPopMatrix(void)
- 13. Thao tác trên ModelView - Thực hiện chế độ ModelView: glMatrixMode(GL_MODELVIEW) - Các hàm biến đổi cơ bản: - Tính tiến: void glTranslate{fd}(TYPE x, TYPE y, TYPE z) - Quay quanh trục nối gốc tọa độ với điểm (x,y,z): void glRotate{fd}(TYPE angle, TYPE x, TYPE y, TYPE z); - Tỷ lệ(Tâm tỷ lệ tại gốc tọa độ) void glScale{fd}(TYPE x, TYPE y, TYPE z)
- 14. Thao tác trên ModelView - Thiết lập view: void gluLookAt(Gldouble eyex, Gldouble eyey, Gldouble eyez, Gldouble centerx, Gldouble centery, Gldouble centerz, Gldouble upx, Gldouble upy, Gldouble upz) (eyex, eyey, eyez): vị trí đặt của view (centerx, centery, centerz): điểm nằm trên đường thẳng xuất phát từ tâm view hướng ra ngoài (upx, upy, upz): vector chỉ hướng lên của view
- 15. Thao tác trên Projection - Cần gọi 2 hàm: glMatrixMode(GL_PROJECTION); glLoadIdentity();// nạp ma trận đơn vị - Chiếu phối cảnh void glFrustum(Gldouble left, Gldouble right, Gldouble buttom, Gldouble top, Gldouble near, Gldouble far)
- 16. Thao tác trên Projection - Ngoài ra có thể sử dụng void glPerspective(Gldouble fovy, Gldouble aspect, Gldouble, Gldouble near, Gldouble far) Aspect = w/h
- 17. Thao tác trên Projection - Chiếu trực giao void glOrtho(Gldouble left, Gldouble right, Gldouble buttom, Gldouble top, Gldouble near, Gldouble far)
- 18. Thao tác trên Viewport - Hàm thiết lập viewport: void glViewport(GLint x, Glint y, Glsizei width, Glsizei height); (x,y): vị trí điểm trái- trên trong cửa sổ vẽ (width, height): kích thước của viewport - Chú ý: trong viewport, điểm (0,0) ở vị trí góc trái - dưới. Khi bắt sự kiện mouse thì tọa độ vẫn tuần theo quy tắc của windows
- 19. 4. TÔ MÀU luongnv89@gmail.com 19 1. Chế độ màu RGBA 2. Thiết lập mô hình shading
- 20. Chế độ màu RGBA - OpenGL hỗ trợ 2 chế độ màu RGBA, Color-index - RGBA: red, green, blue, alpha - Alpha: độ trong suốt, hoặc 1 thông số nào đó - Thiết lập màu vẽ trong chế độ RGBA: VD: void glColor3f(1.0, 0.0, 0.0);
- 21. Thiết lập mô hình shading - hàm: void glShadeModel(Glenum mode) Mode: GL_SMOOTH(nhiều màu khác nhau), hoặc GL_FLAT(1 màu đồng nhất)
- 22. 5. TƯƠNG TÁC VỚI NGƯỜI DÙNG: CHỌN ĐỐI TƯỢNG luongnv89@gmail.com 22 1. Giới thiệu 2. Các thao tác trên chế độ chọn
- 23. Giới thiệu luongnv89@gmail.com 23 - Cho phép người dùng chọn đối tượng bằng click chuột trên cửa sổ - 2 công đoạn: - Thực hiện thao tác vẽ trong chế độ render - Thực hiện thao tác vẽ trong chế độ selection Hàm: Glint glRenderMode(Glenum mode) Mode: GL_RENDER hoặc GL_SELECTION
- 24. Thao tác trên chế độ selection luongnv89@gmail.com 24 - Kích hoạt: glRenderMode(GL_SELECT - Xác định vùng chọn void gluPickMatrix(Gldouble x, GLdouble y, Gldouble width, Gldouble height, Glint viewport[4]); - x,y, width, height: tham số xác định quan tâm trên viewport - Viewport[4]: mảng 4 phần tử chứa 4 tham số của viewport
- 25. Thao tác trên chế độ selection luongnv89@gmail.com 25 Thao tác tổng quát: glMatrixMode(GL_PROJECTION); glPushMatrix(); glLoadIdentity(); gluPickMatrix(); gluPerspective, glOrtho hoặc glFrustum … glPopMatrix gluPickMatrix: Xác định vùng quan tâm trong viewport
- 26. Thao tác trên chế độ selection luongnv89@gmail.com 26 Thiết lập đối tượng và danh tính cho đối tượng - Đặt tên để phân biệt các đối tượng - Tên là số nguyên - Các đối tượng có thể trùng tên -> gom nhóm - Tên có thể mang tính phân cấp -> cấu tạo OpenGl có stack giúp thao tác trên đối tượng: void glInitNames(void): khởi tạo stack void glPushName(Glint name): đặt tên của đối tượng cần xét vào stack void glPopName(void) void glLoadName(Gluint name): thay đổi nội dung đỉnh stack
Editor's Notes
- #2: This template can be used as a starter file for presenting training materials in a group setting.SectionsRight-click on a slide to add sections. Sections can help to organize your slides or facilitate collaboration between multiple authors.NotesUse the Notes section for delivery notes or to provide additional details for the audience. View these notes in Presentation View during your presentation. Keep in mind the font size (important for accessibility, visibility, videotaping, and online production)Coordinated colors Pay particular attention to the graphs, charts, and text boxes.Consider that attendees will print in black and white or grayscale. Run a test print to make sure your colors work when printed in pure black and white and grayscale.Graphics, tables, and graphsKeep it simple: If possible, use consistent, non-distracting styles and colors.Label all graphs and tables.
- #3: This is another option for an Overview slide.
- #4: Use a section header for each of the topics, so there is a clear transition to the audience.
- #5: Add slides to each topic section as necessary, including slides with tables, graphs, and images. See next section for sampletable, graph, image, and video layouts.
- #6: Add slides to each topic section as necessary, including slides with tables, graphs, and images. See next section for sampletable, graph, image, and video layouts.
- #7: Add slides to each topic section as necessary, including slides with tables, graphs, and images. See next section for sampletable, graph, image, and video layouts.
- #8: Add slides to each topic section as necessary, including slides with tables, graphs, and images. See next section for sampletable, graph, image, and video layouts.
- #9: Use a section header for each of the topics, so there is a clear transition to the audience.
- #12: Use a section header for each of the topics, so there is a clear transition to the audience.
- #13: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #14: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #15: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #16: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #17: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #18: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #19: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #20: Use a section header for each of the topics, so there is a clear transition to the audience.
- #21: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #22: - Clipping: loại bỏ các phần hình ảnh nằm ngoài 1 vùng xác định
- #23: Use a section header for each of the topics, so there is a clear transition to the audience.
- #24: Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share. Under File Types, click Create a Video.)
- #25: Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share. Under File Types, click Create a Video.)
- #26: Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share. Under File Types, click Create a Video.)
- #27: Summarize presentation content by restating the important points from the lessons.What do you want the audience to remember when they leave your presentation?Save your presentation to a video for easy distribution (To create a video, click the File tab, and then click Share. Under File Types, click Create a Video.)