WEBVTT

00:00:00.236 --> 00:00:02.719
אז ציירנו הרבה עד עכשיו

00:00:02.719 --> 00:00:05.193
אבל עוד לא דיברנו על משהו פשוט כמו על לכתוב את השם שלכם.

00:00:05.193 --> 00:00:07.595
זהו בדיוק הנושא של השיעור הזה, טקסט.

00:00:07.595 --> 00:00:11.396
אז למה היינו רוצים להשתמש בטקסט? אולי בשביל להראות תוצאה של משחק למשל

00:00:11.396 --> 00:00:14.958
או בשביל לגרום לדמויות לדבר, או סתם בשביל לראות את השם שלנו גדל ומתכווץ ומשנה צבעים.

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

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

00:00:27.424 --> 00:00:30.993
ובכן הבעיה היא שהתוכנה חושבת שהמילה helloהיא משתנה

00:00:30.993 --> 00:00:33.445
וזה די הגיוני אם חושבים על זה מנקודת המבט של התוכנה

00:00:33.445 --> 00:00:36.222
בגלל שהמילה hello יכולה להיות משתנה, אז איך התוכנה אמורה לדעת?

00:00:36.222 --> 00:00:38.991
אז איך נגיד לה שזה בעצם טקסט?

00:00:38.991 --> 00:00:42.529
טוב זה פשוט, אנחנו רק צריכים לזכור לשים מרכאות סביב המילה

00:00:42.529 --> 00:00:46.069
וזה אומר לתוכנה, שלא, זה לא משתנה, ולמעשה זה טקסט!

00:00:46.069 --> 00:00:47.833
או שאנחנו רוצים שתציג את זה כטקסט

00:00:47.833 --> 00:00:51.282
ואתם יכולים לזכור את זה בקלות אם תחשבו על ספר, שבו הדמויות בספר מדברות

00:00:51.282 --> 00:00:53.694
ובכל פעם שהם מדברות, יש מרכאות סביב המילים שלהן.

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

00:00:58.092 --> 00:01:01.099
והאמת היא שזה די חשוב וקל לשכוח

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

00:01:05.902 --> 00:01:07.526
במרכאות סביבו

00:01:07.526 --> 00:01:09.602
אחרת אתם הולכים לקבל הודעות שגיאה מאוד מטרידות

00:01:09.602 --> 00:01:12.966
וזכרו שאם אתם אכן רואים את ההודעות שגיאה המוזרות האלו, תבדקו את עצמכם שוב

00:01:12.966 --> 00:01:15.089
שזכרתם להשתמש במרכאות

00:01:15.089 --> 00:01:18.199
נפלא! אז עכשיו אנחנו הולכים להשתמש במרכאות, ואנחנו לא נקבל הודעות שגיאה יותר

00:01:18.199 --> 00:01:20.828
אבל אולי שמתם לב ששום דבר לא קורה

00:01:20.828 --> 00:01:22.157
וזה עדיין ריק

00:01:22.157 --> 00:01:24.890
אבל מה שדי מוזר הוא שאם נשתמש בצבע רקע באמצעות הפונקציה background

00:01:24.890 --> 00:01:29.114
נניח, נשתמש בצבע אדום, אז נראה שאנחנו רואים שהטקסט בעצם כאן

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

00:01:36.068 --> 00:01:37.952
ובגלל זה לא ראינו את זה

00:01:37.952 --> 00:01:42.445
אז זה נשמע קצת מטופש, למה שנכתוב טקסט לבן על רקע לבן

00:01:42.445 --> 00:01:46.111
ובכן, נוכל פשוט לשנות את זה, מכיוון שלמדנו כיצד לשנות את צבע המילוי של משהו

00:01:46.111 --> 00:01:50.901
ובדיוק כמו ששינו את צבע המילוי של ריבוע או קו, נוכל לשנות את צבע המילוי של טקסט בעזרת הפונקציה fill לכל צבע

00:01:50.901 --> 00:01:54.231
והנה, בדיוק כמו מקודם, והנה זה!

00:01:54.231 --> 00:01:59.290
זה מופיע ללא צורך בשינוי הרקע, אז בואו נסתכל עוד קצת על איך הטקסט הזה עובד

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

00:02:03.799 --> 00:02:08.695
החלק הבא, אם נשנה אותו, נראה שמשפיע על המרחק של הטקסט מהפינה השמאלית

00:02:08.695 --> 00:02:11.776
והחלק הבא על כמה גבוה או נמוך הטקסט

00:02:11.776 --> 00:02:14.698
זה כנראה נראה לכם מוכר, מכל ציור הריבועים שעשינו

00:02:14.698 --> 00:02:19.265
דבר אחד שהוא טיפה משונה הוא של-text יש את את שתי הקוארדינאטות האלו

00:02:19.265 --> 00:02:24.666
שמתייחסות לפינה השמאלית התחתונה של הטקסט

00:02:24.666 --> 00:02:27.222
בעוד שבריבועים מדובר בפינה השמאלית העליונה, הפינה הזו

00:02:27.222 --> 00:02:30.610
וזה אולי כמו משהו שמישהו עשה רק בשביל לבלבל אותכם

00:02:30.610 --> 00:02:32.761
אבל זה משהו שצריך לזכור

00:02:32.761 --> 00:02:37.390
ואנחנו גם יכולים לעשות ניסוי ולראות בעצמו, אנחנו יכולים להשתמש במקום מספר ב-height

00:02:37.390 --> 00:02:42.448
ולראות שזה אכן בפינה השמאלית התחתונה

00:02:42.448 --> 00:02:48.775
או שאנחנו יכולים להגדיר את זה כ-0, ומה אתם חושבים שנקבל אז?

00:02:48.775 --> 00:02:53.781
ואנחנו לא רואים את זה כלל, אבל אם נגדיל את זה לאט לאט, נוכל לראות

00:02:53.781 --> 00:02:56.116
שזה מציץ לו שם

00:02:56.116 --> 00:02:59.782
בגלל ששוב, הפינה השמאלית התחתונה היא מה שאנחנו מגדירים

00:02:59.782 --> 00:03:01.754
ולא את הפינה העליונה

00:03:01.754 --> 00:03:06.222
אוקיי, אז מספיק על לנתח את הפונקציה text, בואו נעשה משהו יותר טוב.

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

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

00:03:20.497 --> 00:03:25.557
מה שאנחנו רוצים, אז בואו נצייר את השם שלכם, ואולי הודעה קטנה עליכם מתחת.

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

00:03:29.758 --> 00:03:35.436
אז נשתמש במה שלמדנו, ונכתוב text("Sophia" וזה השם שלי.

00:03:35.436 --> 00:03:42.801
ונשים הודעה קטנה מתחת, כמו, ״אני אוהבת גורים, וגיטרות וקוד״

00:03:42.801 --> 00:03:47.802
אז זה נהדר, חוץ מזה שאנחנו חייבים לשנות את המיקום שלהם בשביל שהם לא יעלו אחד על השני

00:03:47.802 --> 00:03:54.532
אוי לא, זה קצת הרבה מדי טקסט, אז בואו נעשה את זה קטן יותר בגודל

00:03:57.008 --> 00:03:58.633
והנה, זה די טוב

00:03:58.633 --> 00:04:01.854
חוצמזה, זה לא קצת משעמם לעשות את שניהם בצבע כחול?

00:04:01.854 --> 00:04:06.923
בואו נשנה את צבע המילוי, ה-fill, ובואו נעשה אותו יפה, המממ, בוא נראה

00:04:06.923 --> 00:04:09.472
אולי סגול חמוד כזה.

00:04:09.472 --> 00:04:15.549
אוקיי, והנה לכם, זה כל מה שיש לדעת על טקסט, שינוי הצבע והגודל שלו.