20/04/2320/04/23 11

תרגול בגרפיקה ממוחשבתתרגול בגרפיקה ממוחשבת

מבוסס ע"פ מצגת מאת משה חדדמבוסס ע"פ מצגת מאת משה חדד

2220/04/2320/04/23

הקדמההקדמה

מטרות הקורסמטרות הקורסהבנת התאוריה המתמטיתהבנת התאוריה המתמטיתהכרות עם מודלים,טכניקות ואלגוריתמים גראפייםהכרות עם מודלים,טכניקות ואלגוריתמים גראפיים הכרות עם הספריה הכרות עם הספריהopenGLopenGL

תרגיליםתרגילים44תרגילים ופרוייקט תרגילים ופרוייקט תרגילים תרגילים50%50% מבחן מבחן 50%50%חלוקת הציון חלוקת הציון

3320/04/2320/04/23

הקדמההקדמה

javajavaתרגילים יכתבו ב תרגילים יכתבו ב

הגשה בזוגות שבועיים מקבלת בתרגילהגשה בזוגות שבועיים מקבלת בתרגיל

חייבים לעבור את המבחן כדי לעבור את חייבים לעבור את המבחן כדי לעבור את הקורסהקורס

חייבים לעשות את כל התרגילים כדי לעבור חייבים לעשות את כל התרגילים כדי לעבור את הקורסאת הקורס

4420/04/2320/04/23

היוםהיום

תכנות מונחה אירועיםתכנות מונחה אירועים

ישור קו :מושגים בסיסים בגרפיקהישור קו :מושגים בסיסים בגרפיקה

הצגה גרפיתהצגה גרפית

שיטות שונות למידולשיטות שונות למידול

שמירת פוליגוןשמירת פוליגון

5520/04/2320/04/23

תכנות מונחה אירועיםתכנות מונחה אירועים

תכנות מונחה אירועים מגיב על ארועים בתכניתתכנות מונחה אירועים מגיב על ארועים בתכניתהתכנית רצה בלולאה אינסופיתהתכנית רצה בלולאה אינסופית

אם מתרחש אירוע בתכנית אם מתרחש אירוע בתכנית מערכת ההפעלה שולחת מערכת ההפעלה שולחתmessagemessage המכיל בתוכו מידע רלוונטי על המכיל בתוכו מידע רלוונטי על

האירוע שהתבצע אל התכניתהאירוע שהתבצע אל התכנית

סוגי אירועיםסוגי אירועים)אירוע ישיר )לחיצת עכבר הקשה על המקלדת(אירוע ישיר )לחיצת עכבר הקשה על המקלדת)אירוע עקיף )הזזת מיקוד הקטנה והגדלת חלון(אירוע עקיף )הזזת מיקוד הקטנה והגדלת חלון רענון מסך החלפת( רענון מסך החלפת אירוע פנימי( אירוע פנימיbuffersbuffers))

callbackcallbackפונקציות שמטפלות באירועים נקראות פונקציות פונקציות שמטפלות באירועים נקראות פונקציות Event HandlerEvent Handlerבג'אוה נטפל בארועים דרך בג'אוה נטפל בארועים דרך

6620/04/2320/04/23

מושגים מושגים

פיקסל פיקסל יחידה מידע הקטנה ביותר המתארת נקודה על המסך יחידה מידע הקטנה ביותר המתארת נקודה על המסך

)או בתמונה( )או בתמונה(

רזולוציהרזולוציהחלוקת המסך לפיקסליםחלוקת המסך לפיקסלים:רזולוציות נפוצות:רזולוציות נפוצות

640640 x 480x 480 , ,800 x 600 800 x 600 , ,1280 x 1024 1280 x 1024 , , 1600 x 1280 1600 x 1280

VertexVertex קודקוד קודקוד קודקוד של מצולעקודקוד של מצולע

EdgeEdge צלע צלע קו המחבר בין שני קו המחבר בין שניvertexvertex

7720/04/2320/04/23

מושגיםמושגים

polygonpolygonפוליגון פוליגון הגדרה: צורה דו-ממדית סגורה החסומה ע"י קווים הגדרה: צורה דו-ממדית סגורה החסומה ע"י קווים

ישריםישריםפוליגון מורכב מצלעותפוליגון מורכב מצלעות

פוליגון קמורפוליגון קמורפוליגון קעורפוליגון קעור

פוליגון מורכבפוליגון מורכב

Convex polygon Concave polygon

8820/04/2320/04/23

מושגיםמושגים

convex polygonconvex polygon הגדרה: כל קו ישר המחבר שתי נקודות בפוליגון, מוכל הגדרה: כל קו ישר המחבר שתי נקודות בפוליגון, מוכל

בתוך הפוליגוןבתוך הפוליגון

9920/04/2320/04/23

מושגיםמושגים

complex polygoncomplex polygon

101020/04/2320/04/23

מושגיםמושגים

polyhedronpolyhedronפאון פאון גוף תלת מימדי החסום ע"י פוליגוניםגוף תלת מימדי החסום ע"י פוליגוניםכמו בפוליגונים יש פאון קמור ופאון קעורכמו בפוליגונים יש פאון קמור ופאון קעור

111120/04/2320/04/23

הצגת גרפיקה

המסך מוחלק לפיקסליםהמסך מוחלק לפיקסלים הרזולוציה נקבעת לפי כמות החלוקה הרזולוציה נקבעת לפי כמות החלוקה

RGBRGB , בכל פיקסל יש אפשרות לווסת את כמות האדום ,בכל פיקסל יש אפשרות לווסת את כמות האדום

הירוק והכחול שמוצגת בוהירוק והכחול שמוצגת בו-ה-הframe bufferframe buffer מכיל בתוכו את מצב המסך )כל מכיל בתוכו את מצב המסך )כל

פיקסל ופיקסל(פיקסל ופיקסל(

121220/04/2320/04/23

הצגת גרפיקההצגת גרפיקה

מרציף לבדידמרציף לבדידדוגמים את העולם הרציף ע"מ לקבל ערכים בדידיםדוגמים את העולם הרציף ע"מ לקבל ערכים בדידים

שתי פרדיגמות גראפיות עיקריותשתי פרדיגמות גראפיות עיקריות)הצגה מבוססת רשת )גרפיקה רשתית(הצגה מבוססת רשת )גרפיקה רשתית

המכיל בתוכו דגימה של פיקסלי המכיל בתוכו דגימה של פיקסלי bufferbufferשומרים את האובייקט כ-שומרים את האובייקט כ-התמונההתמונה

bufferbufferהצגה פשוטה ע"מ לצייר את האובייקט פשוט מציגים את ה הצגה פשוטה ע"מ לצייר את האובייקט פשוט מציגים את ה FrameFrame למסך למסך

גיאומטריה )גרפיקה וקטורית( גיאומטריה )גרפיקה וקטורית( הצגה מבוססתהצגה מבוססת )קווים , )קווים , ממדלים את האובייקט ע"י פרימיטיבים גיאומטרייםממדלים את האובייקט ע"י פרימיטיבים גיאומטריים

modellingעקומות,משטחיים וכן'( בתהליך נקרא עקומות,משטחיים וכן'( בתהליך נקרא תהליך הנקרא תהליך הנקרא frame bufferframe bufferדוגמים את המודל ע"מ למלא את דוגמים את המודל ע"מ למלא את

rendering

131320/04/2320/04/23

מידולמידול

ModelingModelingשיטות שונות ל שיטות שונות ל Constructive Solid Geometry( CSGConstructive Solid Geometry( CSG

שימוש באובייקטים פשוטים ופעולות בינהם ע"מ ליצור שימוש באובייקטים פשוטים ופעולות בינהם ע"מ ליצור אובייקטים חדשיםאובייקטים חדשים

שימוש בפוליגוניםשימוש בפוליגוניםהאובייקט בנוי מפוליגונים היוצרים גוףהאובייקט בנוי מפוליגונים היוצרים גוף

שימוש בגאומטריהשימוש בגאומטריהחישוב הצורה של האובייקט ע"י משואותחישוב הצורה של האובייקט ע"י משואות

141420/04/2320/04/23

מידולמידול

CSGCSG

151520/04/2320/04/23

מידולמידולפוליגוניםפוליגונים

161620/04/2320/04/23

מידולמידולגאומטריהגאומטריה

171720/04/2320/04/23

פוליגוןפוליגון

הגדרת פוליגוןהגדרת פוליגוןנגדיר פוליגון בצורה הבאהנגדיר פוליגון בצורה הבאה( מספר הקודקודים( מספר הקודקודיםVertexesVertexes))קורדינטות הקודקודיםקורדינטות הקודקודיםמספר הצלעותמספר הצלעותהגדרת הצלעות מאיזה קודקוד לאיזה קודקודהגדרת הצלעות מאיזה קודקוד לאיזה קודקוד

181820/04/2320/04/23

פוליגוןפוליגון

דוגמאותדוגמאות50,080,080,4040,800,405

1 22 33 44 55 1

1(0,0)

5(0,40)

2(80,0)

3(80,40)

4(40,80)

x

y

191920/04/2320/04/23

פוליגוןפוליגון

דוגמאותדוגמאות525,6565,6575,2545,515,2551 33 55 22 44 1

1(25,65)

5(15,25)

2(65,65)

3(75,25)

4(45,5)

x

y

202020/04/2320/04/23

שאלות?שאלות?