Return to Video

טקסט נהדר - חלק 1

  • 0:00 - 0:03
    אז ציירנו הרבה עד עכשיו
  • 0:03 - 0:05
    אבל עוד לא דיברנו על משהו פשוט כמו על לכתוב את השם שלכם.
  • 0:05 - 0:08
    זהו בדיוק הנושא של השיעור הזה, טקסט.
  • 0:08 - 0:11
    אז למה היינו רוצים להשתמש בטקסט? אולי בשביל להראות תוצאה של משחק למשל
  • 0:11 - 0:15
    או בשביל לגרום לדמויות לדבר, או סתם בשביל לראות את השם שלנו גדל ומתכווץ ומשנה צבעים.
  • 0:15 - 0:24
    אז בואו ננסה לכתוב את המילה hello, נשתמש בפונקציה text, אבל אנחנו מקבלים את הודעת השגיאה המוזרה הזו
  • 0:24 - 0:27
    שאומרת ש-״hello is not defined״ (או בעברית: המילה hello אינה מוגדרת), מה זה אומר?
  • 0:27 - 0:31
    ובכן הבעיה היא שהתוכנה חושבת שהמילה helloהיא משתנה
  • 0:31 - 0:33
    וזה די הגיוני אם חושבים על זה מנקודת המבט של התוכנה
  • 0:33 - 0:36
    בגלל שהמילה hello יכולה להיות משתנה, אז איך התוכנה אמורה לדעת?
  • 0:36 - 0:39
    אז איך נגיד לה שזה בעצם טקסט?
  • 0:39 - 0:43
    טוב זה פשוט, אנחנו רק צריכים לזכור לשים מרכאות סביב המילה
  • 0:43 - 0:46
    וזה אומר לתוכנה, שלא, זה לא משתנה, ולמעשה זה טקסט!
  • 0:46 - 0:48
    או שאנחנו רוצים שתציג את זה כטקסט
  • 0:48 - 0:51
    ואתם יכולים לזכור את זה בקלות אם תחשבו על ספר, שבו הדמויות בספר מדברות
  • 0:51 - 0:54
    ובכל פעם שהם מדברות, יש מרכאות סביב המילים שלהן.
  • 0:54 - 0:58
    ובאופן דומה, כשאתם רוצים שהתוכנה שלכם תגיד משהו, אתם צריכים לשים את המרכאות האלו על מנת שהיא תתייחס לזה כטקסט
  • 0:58 - 1:01
    והאמת היא שזה די חשוב וקל לשכוח
  • 1:01 - 1:06
    אז אני רק אומר את זה שוב, בכל פעם שאתם רוצים להשתמש בטקסט בתוכנות שלכם אתם תמיד צריכים להשתמש
  • 1:06 - 1:08
    במרכאות סביבו
  • 1:08 - 1:10
    אחרת אתם הולכים לקבל הודעות שגיאה מאוד מטרידות
  • 1:10 - 1:13
    וזכרו שאם אתם אכן רואים את ההודעות שגיאה המוזרות האלו, תבדקו את עצמכם שוב
  • 1:13 - 1:15
    שזכרתם להשתמש במרכאות
  • 1:15 - 1:18
    נפלא! אז עכשיו אנחנו הולכים להשתמש במרכאות, ואנחנו לא נקבל הודעות שגיאה יותר
  • 1:18 - 1:21
    אבל אולי שמתם לב ששום דבר לא קורה
  • 1:21 - 1:22
    וזה עדיין ריק
  • 1:22 - 1:25
    אבל מה שדי מוזר הוא שאם נשתמש בצבע רקע באמצעות הפונקציה background
  • 1:25 - 1:29
    נניח, נשתמש בצבע אדום, אז נראה שאנחנו רואים שהטקסט בעצם כאן
  • 1:29 - 1:36
    הוא פשוט בלבן, אז הבעיה היא, אם אנחנו חושבים על זה, שפשוט כתבנו טקסט בצבע לבן על רקע לבן
  • 1:36 - 1:38
    ובגלל זה לא ראינו את זה
  • 1:38 - 1:42
    אז זה נשמע קצת מטופש, למה שנכתוב טקסט לבן על רקע לבן
  • 1:42 - 1:46
    ובכן, נוכל פשוט לשנות את זה, מכיוון שלמדנו כיצד לשנות את צבע המילוי של משהו
  • 1:46 - 1:51
    ובדיוק כמו ששינו את צבע המילוי של ריבוע או קו, נוכל לשנות את צבע המילוי של טקסט בעזרת הפונקציה fill לכל צבע
  • 1:51 - 1:54
    והנה, בדיוק כמו מקודם, והנה זה!
  • 1:54 - 1:59
    זה מופיע ללא צורך בשינוי הרקע, אז בואו נסתכל עוד קצת על איך הטקסט הזה עובד
  • 1:59 - 2:04
    החלק הראשון, ברור עכשיו, זה פשוט הטקסט שאנחנו רוצים לכתוב
  • 2:04 - 2:09
    החלק הבא, אם נשנה אותו, נראה שמשפיע על המרחק של הטקסט מהפינה השמאלית
  • 2:09 - 2:12
    והחלק הבא על כמה גבוה או נמוך הטקסט
  • 2:12 - 2:15
    זה כנראה נראה לכם מוכר, מכל ציור הריבועים שעשינו
  • 2:15 - 2:19
    דבר אחד שהוא טיפה משונה הוא של-text יש את את שתי הקוארדינאטות האלו
  • 2:19 - 2:25
    שמתייחסות לפינה השמאלית התחתונה של הטקסט
  • 2:25 - 2:27
    בעוד שבריבועים מדובר בפינה השמאלית העליונה, הפינה הזו
  • 2:27 - 2:31
    וזה אולי כמו משהו שמישהו עשה רק בשביל לבלבל אותכם
  • 2:31 - 2:33
    אבל זה משהו שצריך לזכור
  • 2:33 - 2:37
    ואנחנו גם יכולים לעשות ניסוי ולראות בעצמו, אנחנו יכולים להשתמש במקום מספר ב-height
  • 2:37 - 2:42
    ולראות שזה אכן בפינה השמאלית התחתונה
  • 2:42 - 2:49
    או שאנחנו יכולים להגדיר את זה כ-0, ומה אתם חושבים שנקבל אז?
  • 2:49 - 2:54
    ואנחנו לא רואים את זה כלל, אבל אם נגדיל את זה לאט לאט, נוכל לראות
  • 2:54 - 2:56
    שזה מציץ לו שם
  • 2:56 - 3:00
    בגלל ששוב, הפינה השמאלית התחתונה היא מה שאנחנו מגדירים
  • 3:00 - 3:02
    ולא את הפינה העליונה
  • 3:02 - 3:06
    אוקיי, אז מספיק על לנתח את הפונקציה text, בואו נעשה משהו יותר טוב.
  • 3:06 - 3:13
    למשל, בואו ננסה לעשות אותו גדול יותר, נוכל לעשות את זה עם הפונקציה textSize שאומרת לתוכנה באיזה גודל לצייר את הטקסט.
  • 3:13 - 3:20
    ואנחנו יכולים לעשות את זה ״30״, שזה די גדול, אנחנו יכולים לעשות את זה גדול יותרף או שאנחנו יכולים לעשות את זה ממש ממש ממש קטן.
  • 3:20 - 3:26
    מה שאנחנו רוצים, אז בואו נצייר את השם שלכם, ואולי הודעה קטנה עליכם מתחת.
  • 3:26 - 3:30
    מכיוון שאני לא יודע את השם שלכם, אני פשוט הולכת לצייר את השם שלי, ואתם תוכלו להחליף את זה בשלכם בשנייה.
  • 3:30 - 3:35
    אז נשתמש במה שלמדנו, ונכתוב text("Sophia" וזה השם שלי.
  • 3:35 - 3:43
    ונשים הודעה קטנה מתחת, כמו, ״אני אוהבת גורים, וגיטרות וקוד״
  • 3:43 - 3:48
    אז זה נהדר, חוץ מזה שאנחנו חייבים לשנות את המיקום שלהם בשביל שהם לא יעלו אחד על השני
  • 3:48 - 3:55
    אוי לא, זה קצת הרבה מדי טקסט, אז בואו נעשה את זה קטן יותר בגודל
  • 3:57 - 3:59
    והנה, זה די טוב
  • 3:59 - 4:02
    חוצמזה, זה לא קצת משעמם לעשות את שניהם בצבע כחול?
  • 4:02 - 4:07
    בואו נשנה את צבע המילוי, ה-fill, ובואו נעשה אותו יפה, המממ, בוא נראה
  • 4:07 - 4:09
    אולי סגול חמוד כזה.
  • 4:09 - 4:16
    אוקיי, והנה לכם, זה כל מה שיש לדעת על טקסט, שינוי הצבע והגודל שלו.
Title:
טקסט נהדר - חלק 1
Description:

ניתן לצפות בסרטים נוספים בכתובת:
https://www.khanacademy.org/cs/programming/
more » « less
Video Language:
English
Duration:
04:19

Hebrew subtitles

Revisions

Our website uses cookies for analysis purposes.