1
00:00:00,236 --> 00:00:02,719
אז ציירנו הרבה עד עכשיו

2
00:00:02,719 --> 00:00:05,193
אבל עוד לא דיברנו על משהו פשוט כמו על לכתוב את השם שלכם.

3
00:00:05,193 --> 00:00:07,595
זהו בדיוק הנושא של השיעור הזה, טקסט.

4
00:00:07,595 --> 00:00:11,396
אז למה היינו רוצים להשתמש בטקסט? אולי בשביל להראות תוצאה של משחק למשל

5
00:00:11,396 --> 00:00:14,958
או בשביל לגרום לדמויות לדבר, או סתם בשביל לראות את השם שלנו גדל ומתכווץ ומשנה צבעים.

6
00:00:14,958 --> 00:00:24,493
אז בואו ננסה לכתוב את המילה hello, נשתמש בפונקציה text, אבל אנחנו מקבלים את הודעת השגיאה המוזרה הזו

7
00:00:24,493 --> 00:00:27,424
שאומרת ש-״hello is not defined״ (או בעברית: המילה hello אינה מוגדרת), מה זה אומר?

8
00:00:27,424 --> 00:00:30,993
ובכן הבעיה היא שהתוכנה חושבת שהמילה helloהיא משתנה

9
00:00:30,993 --> 00:00:33,445
וזה די הגיוני אם חושבים על זה מנקודת המבט של התוכנה

10
00:00:33,445 --> 00:00:36,222
בגלל שהמילה hello יכולה להיות משתנה, אז איך התוכנה אמורה לדעת?

11
00:00:36,222 --> 00:00:38,991
אז איך נגיד לה שזה בעצם טקסט?

12
00:00:38,991 --> 00:00:42,529
טוב זה פשוט, אנחנו רק צריכים לזכור לשים מרכאות סביב המילה

13
00:00:42,529 --> 00:00:46,069
וזה אומר לתוכנה, שלא, זה לא משתנה, ולמעשה זה טקסט!

14
00:00:46,069 --> 00:00:47,833
או שאנחנו רוצים שתציג את זה כטקסט

15
00:00:47,833 --> 00:00:51,282
ואתם יכולים לזכור את זה בקלות אם תחשבו על ספר, שבו הדמויות בספר מדברות

16
00:00:51,282 --> 00:00:53,694
ובכל פעם שהם מדברות, יש מרכאות סביב המילים שלהן.

17
00:00:53,694 --> 00:00:58,092
ובאופן דומה, כשאתם רוצים שהתוכנה שלכם תגיד משהו, אתם צריכים לשים את המרכאות האלו על מנת שהיא תתייחס לזה כטקסט

18
00:00:58,092 --> 00:01:01,099
והאמת היא שזה די חשוב וקל לשכוח

19
00:01:01,099 --> 00:01:05,902
אז אני רק אומר את זה שוב, בכל פעם שאתם רוצים להשתמש בטקסט בתוכנות שלכם אתם תמיד צריכים להשתמש

20
00:01:05,902 --> 00:01:07,526
במרכאות סביבו

21
00:01:07,526 --> 00:01:09,602
אחרת אתם הולכים לקבל הודעות שגיאה מאוד מטרידות

22
00:01:09,602 --> 00:01:12,966
וזכרו שאם אתם אכן רואים את ההודעות שגיאה המוזרות האלו, תבדקו את עצמכם שוב

23
00:01:12,966 --> 00:01:15,089
שזכרתם להשתמש במרכאות

24
00:01:15,089 --> 00:01:18,199
נפלא! אז עכשיו אנחנו הולכים להשתמש במרכאות, ואנחנו לא נקבל הודעות שגיאה יותר

25
00:01:18,199 --> 00:01:20,828
אבל אולי שמתם לב ששום דבר לא קורה

26
00:01:20,828 --> 00:01:22,157
וזה עדיין ריק

27
00:01:22,157 --> 00:01:24,890
אבל מה שדי מוזר הוא שאם נשתמש בצבע רקע באמצעות הפונקציה background

28
00:01:24,890 --> 00:01:29,114
נניח, נשתמש בצבע אדום, אז נראה שאנחנו רואים שהטקסט בעצם כאן

29
00:01:29,114 --> 00:01:36,068
הוא פשוט בלבן, אז הבעיה היא, אם אנחנו חושבים על זה, שפשוט כתבנו טקסט בצבע לבן על רקע לבן

30
00:01:36,068 --> 00:01:37,952
ובגלל זה לא ראינו את זה

31
00:01:37,952 --> 00:01:42,445
אז זה נשמע קצת מטופש, למה שנכתוב טקסט לבן על רקע לבן

32
00:01:42,445 --> 00:01:46,111
ובכן, נוכל פשוט לשנות את זה, מכיוון שלמדנו כיצד לשנות את צבע המילוי של משהו

33
00:01:46,111 --> 00:01:50,901
ובדיוק כמו ששינו את צבע המילוי של ריבוע או קו, נוכל לשנות את צבע המילוי של טקסט בעזרת הפונקציה fill לכל צבע

34
00:01:50,901 --> 00:01:54,231
והנה, בדיוק כמו מקודם, והנה זה!

35
00:01:54,231 --> 00:01:59,290
זה מופיע ללא צורך בשינוי הרקע, אז בואו נסתכל עוד קצת על איך הטקסט הזה עובד

36
00:01:59,290 --> 00:02:03,799
החלק הראשון, ברור עכשיו, זה פשוט הטקסט שאנחנו רוצים לכתוב

37
00:02:03,799 --> 00:02:08,695
החלק הבא, אם נשנה אותו, נראה שמשפיע על המרחק של הטקסט מהפינה השמאלית

38
00:02:08,695 --> 00:02:11,776
והחלק הבא על כמה גבוה או נמוך הטקסט

39
00:02:11,776 --> 00:02:14,698
זה כנראה נראה לכם מוכר, מכל ציור הריבועים שעשינו

40
00:02:14,698 --> 00:02:19,265
דבר אחד שהוא טיפה משונה הוא של-text יש את את שתי הקוארדינאטות האלו

41
00:02:19,265 --> 00:02:24,666
שמתייחסות לפינה השמאלית התחתונה של הטקסט

42
00:02:24,666 --> 00:02:27,222
בעוד שבריבועים מדובר בפינה השמאלית העליונה, הפינה הזו

43
00:02:27,222 --> 00:02:30,610
וזה אולי כמו משהו שמישהו עשה רק בשביל לבלבל אותכם

44
00:02:30,610 --> 00:02:32,761
אבל זה משהו שצריך לזכור

45
00:02:32,761 --> 00:02:37,390
ואנחנו גם יכולים לעשות ניסוי ולראות בעצמו, אנחנו יכולים להשתמש במקום מספר ב-height

46
00:02:37,390 --> 00:02:42,448
ולראות שזה אכן בפינה השמאלית התחתונה

47
00:02:42,448 --> 00:02:48,775
או שאנחנו יכולים להגדיר את זה כ-0, ומה אתם חושבים שנקבל אז?

48
00:02:48,775 --> 00:02:53,781
ואנחנו לא רואים את זה כלל, אבל אם נגדיל את זה לאט לאט, נוכל לראות

49
00:02:53,781 --> 00:02:56,116
שזה מציץ לו שם

50
00:02:56,116 --> 00:02:59,782
בגלל ששוב, הפינה השמאלית התחתונה היא מה שאנחנו מגדירים

51
00:02:59,782 --> 00:03:01,754
ולא את הפינה העליונה

52
00:03:01,754 --> 00:03:06,222
אוקיי, אז מספיק על לנתח את הפונקציה text, בואו נעשה משהו יותר טוב.

53
00:03:06,222 --> 00:03:13,325
למשל, בואו ננסה לעשות אותו גדול יותר, נוכל לעשות את זה עם הפונקציה textSize שאומרת לתוכנה באיזה גודל לצייר את הטקסט.

54
00:03:13,325 --> 00:03:20,497
ואנחנו יכולים לעשות את זה ״30״, שזה די גדול, אנחנו יכולים לעשות את זה גדול יותרף או שאנחנו יכולים לעשות את זה ממש ממש ממש קטן.

55
00:03:20,497 --> 00:03:25,557
מה שאנחנו רוצים, אז בואו נצייר את השם שלכם, ואולי הודעה קטנה עליכם מתחת.

56
00:03:25,557 --> 00:03:29,758
מכיוון שאני לא יודע את השם שלכם, אני פשוט הולכת לצייר את השם שלי, ואתם תוכלו להחליף את זה בשלכם בשנייה.

57
00:03:29,758 --> 00:03:35,436
אז נשתמש במה שלמדנו, ונכתוב text("Sophia" וזה השם שלי.

58
00:03:35,436 --> 00:03:42,801
ונשים הודעה קטנה מתחת, כמו, ״אני אוהבת גורים, וגיטרות וקוד״

59
00:03:42,801 --> 00:03:47,802
אז זה נהדר, חוץ מזה שאנחנו חייבים לשנות את המיקום שלהם בשביל שהם לא יעלו אחד על השני

60
00:03:47,802 --> 00:03:54,532
אוי לא, זה קצת הרבה מדי טקסט, אז בואו נעשה את זה קטן יותר בגודל

61
00:03:57,008 --> 00:03:58,633
והנה, זה די טוב

62
00:03:58,633 --> 00:04:01,854
חוצמזה, זה לא קצת משעמם לעשות את שניהם בצבע כחול?

63
00:04:01,854 --> 00:04:06,923
בואו נשנה את צבע המילוי, ה-fill, ובואו נעשה אותו יפה, המממ, בוא נראה

64
00:04:06,923 --> 00:04:09,472
אולי סגול חמוד כזה.

65
00:04:09,472 --> 00:04:15,549
אוקיי, והנה לכם, זה כל מה שיש לדעת על טקסט, שינוי הצבע והגודל שלו.