תכנות בבלוקים: סקראץ׳

תכנות · לכיתות ג׳–ז׳

מה אם אפשר היה לתכנת בלי להקליד אפילו מילה אחת? בסקראץ׳ גוררים בלוקים צבעוניים ומחברים אותם כמו לבנים של משחק הרכבה. מיליוני ילדים בעולם התחילו לתכנת כך. בשיעור הזה נכיר את סקראץ׳, נבין איך הבלוקים בנויים, ונתכנן פרויקט ראשון.

מה זה סקראץ׳

סקראץ׳ היא שפת תכנות חזותית שפותחה במעבדת המדיה של המכון הטכנולוגי של מסצ׳וסטס (MIT) בארצות הברית, ושוחררה לציבור ב־2007. היא חינמית, עובדת בדפדפן, מתאימה לגילאי 8 בערך ומעלה, ואפשר להחליף בה את השפה לעברית. במקום לכתוב קוד, בוחרים בלוקים מתפריט וגוררים אותם לאזור העבודה. הבלוקים בנויים כמו חלקי פאזל: רק בלוקים שמתאימים זה לזה ״נצמדים״, ולכן כמעט אי אפשר לעשות שגיאת תחביר.

המסך של סקראץ׳ מחולק לשלושה חלקים עיקריים. בצד אחד — רשימת הבלוקים, מסודרת בקטגוריות לפי צבעים. באמצע — אזור התסריטים, שבו מחברים את הבלוקים. ובצד השני — הבמה, שבה רואים את התוצאה: הדמויות זזות, מדברות ומשמיעות צלילים. מתחת לבמה יש רשימה של כל הדמויות ושל הרקעים.

דמויות, תלבושות ורקעים

כל דבר שזז על הבמה הוא דמות. כשפותחים פרויקט חדש מופיעה דמות ברירת מחדל — חתול כתום, הסמל של סקראץ׳ — אבל אפשר למחוק אותה, לבחור דמות מהספרייה, או לצייר דמות בעצמכם בעורך הציור. לכל דמות יש תסריטים משלה: הקוד שקובע מה היא עושה. כך כל דמות היא כמו שחקן עם תפקיד משלו.

לכל דמות יכולות להיות כמה תלבושות — תמונות קצת שונות של אותה דמות. כשמחליפים תלבושות מהר, אחת אחרי השנייה, נוצרת אנימציה, בדיוק כמו בספר דפדוף. גם לבמה יש רקעים שאפשר להחליף: יער, חלל, כיתה. החלפת רקע היא דרך פשוטה לעבור משלב לשלב במשחק או מסצנה לסצנה בסיפור.

הצבעים של הבלוקים

הבלוקים מחולקים לקטגוריות, ולכל קטגוריה צבע משלה: בלוקי תנועה כחולים (״זוז 10 צעדים״, ״הסתובב 15 מעלות״), בלוקי מראה סגולים (״אמור שלום למשך 2 שניות״, ״החלף תלבושת״), בלוקי צלילים ורודים־סגולים, בלוקי אירועים צהובים, בלוקי בקרה — לולאות, תנאים והמתנה — בכתום־זהב, בלוקי חיישנים תכלת (״נוגע ב…?״), בלוקי הפעלה (חשבון והשוואות) ירוקים, ומשתנים בכתום.

הצורה של הבלוק מספרת מה הוא עושה. בלוק עם כיפה מתחיל תסריט. בלוק רגיל הוא פקודה. בלוק בצורת ״פה״ — כמו ״חזור 10 פעמים״ או ״אם… אז…״ — עוטף בלוקים אחרים. בלוק מעוגל מחזיר מספר או טקסט, ובלוק בצורת משושה מחודד מחזיר אמת או שקר, ולכן הוא נכנס בדיוק לחור של תנאי. כך הצורות מלמדות את הרעיונות של תכנות בלי מילה אחת של הסבר.

הבמה, הצירים ופרויקט ראשון

הבמה היא מלבן ברוחב 480 ובגובה 360 נקודות, ולכל מקום עליה יש כתובת של שני מספרים: x (ימינה־שמאלה) ו־y (למעלה־למטה). המרכז הוא x שווה 0 ו־y שווה 0. ככל שזזים ימינה x גדל עד 240, ושמאלה הוא יורד עד ‎-240; למעלה y מגיע ל־180, ולמטה ל־‎-180. בעזרת הכתובות האלה אפשר לשלוח דמות למקום מדויק.

פרויקט ראשון: בוחרים דמות, ומחברים ״כאשר לוחצים על הדגל הירוק״, ״עבור אל x: 0 y: 0״, ״אמור: שלום! תכנתו אותי״, ואז לולאת ״לעולמים״ ובתוכה ״זוז 5 צעדים״ ו״אם נוגע בקצה, קפוץ חזרה״. לוחצים על הדגל — והדמות מדברת ואז מתהלכת מצד לצד. עכשיו נסו לשנות מספרים, להוסיף צליל או להחליף תלבושת בכל צעד. זה הכוח של סקראץ׳: מנסים, רואים מיד, ומשפרים. ואת הפרויקטים אפשר לשתף בקהילה של סקראץ׳ — רק בלי פרטים אישיים, ועם הורה בסביבה.

✅ חידון: תכנות בבלוקים: סקראץ׳

1. איך מתכנתים בסקראץ׳?

2. איפה פותחה סקראץ׳?

3. איך נקרא כל דבר שזז על הבמה בסקראץ׳?

4. איך יוצרים אנימציה בסקראץ׳?

5. מה הכתובת של מרכז הבמה?

6. איזה צבע הם בלוקי האירועים בסקראץ׳?

7. לאיזה חור נכנס בלוק בצורת משושה?

8. מה כדאי לזכור כשמשתפים פרויקט בקהילה?

🖨️ דף עבודה להדפסה

8 שאלות, שאלות לחשיבה ודף תשובות עם הסברים.

📘 מושגים מהשיעור

💬 שאלות לשיחה

  1. תכננו סיפור קצר בסקראץ׳ עם שתי דמויות. מה כל אחת אומרת, ואיך הן יודעות מתי לדבר?
  2. למה לדעתכם בסקראץ׳ כמעט אי אפשר לעשות שגיאת תחביר?
  3. אילו בלוקים תצטרכו כדי שדמות תקפוץ כשלוחצים על מקש הרווח?

📖 קטע קריאה בנושא: 🍏 יומן המשחק הראשון שלי

יום ראשון. היום בחוג התחלנו לעבוד בסקראץ׳. זו תכנות שפותחה במכון הטכנולוגי של מסצ׳וסטס (MIT), ובמקום להקליד פקודות, מחברים בלוקים צבעוניים כמו לגו. החלטתי לבנות משחק: חתול שתופס תפוחים שנופלים מהשמיים.

יום שני. התחלתי מהדמות. רציתי שהחתול יזוז כשלוחצים על החצים. מצאתי בלוק צהוב של , שמופעל כשלוחצים על מקש החץ ימינה, וחיברתי אליו בלוק תנועה שמזיז את החתול עשרה צעדים. זה עבד! אבל החתול לא זז שמאלה, כי שכחתי לבנות שני לחץ השני. תיקנתי.

יום שלישי. עכשיו התפוחים. כל תפוח צריך ליפול שוב ושוב, אז השתמשתי בלולאה שחוזרת בלי סוף. בתוכה כתבתי: רד קצת למטה, ואם נגעת ברצפה, חזור למעלה למקום . בפעם הראשונה כל התפוחים נפלו באותו מקום, כי שכחתי לבחור מקום . מצחיק כמה הבדל עושה בלוק אחד.

יום רביעי. הוספתי . יצרתי בשם נקודות. כשתפוח נוגע בחתול, גדל באחד. בהתחלה קפץ ב־30 בבת אחת, כי התפוח נגע בחתול כמה פעמים לפני שנעלם. המדריכה אמרה שזה באג , והפתרון הוא להחזיר את התפוח למעלה מיד כשהוא נוגע.

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

מה למדתי השבוע: משחק גדול בנוי מהרבה חלקים קטנים. כשבונים אותם אחד אחד ובודקים כל חלק, גם באגים הופכים לחידות שאפשר לפתור.

📖 מילון הקטע
  • סביבת — מקום או כלי שעובדים בו
  • חינמית — בלי תשלום
  • אירוע — משהו שקורה ומפעיל פעולה
  • אקראי — במקרה, בלי סדר קבוע
  • משתנה — מקום בזיכרון ששומר ערך שיכול להשתנות
  • ניקוד — מספר הנקודות במשחק
  • קלאסי — טיפוסי, מוכר מאוד

שאלות

1. מה הרעיון של המשחק שבנה כותב היומן?
2. למה בפעם הראשונה כל התפוחים נפלו באותו מקום?
3. למה הניקוד קפץ ב־30 בבת אחת?
4. מה אפשר להבין מהתגובה של האח הקטן?
5. מהי המסקנה החשובה ביומן?
6. האח הקטן ביקש תפוחים מקולקלים שמורידים נקודות. תארו במילים מה צריך להוסיף למשחק כדי לבנות את זה.

עוד שיעורים בתכנות

לכל 16 השיעורים בתכנות ←

חוברת ומבחן לדוגמה לכיתה

שאלות נפוצות

האם סקראץ׳ בחינם?

כן. סקראץ׳ חינמית לגמרי, עובדת בדפדפן ויש לה גם גרסה שמתקינים במחשב. היא פותחה במכון אקדמי, לא בשביל רווח.

האם אפשר להשתמש בסקראץ׳ בעברית?

כן. בתפריט השפה בוחרים עברית, והבלוקים והתפריטים מופיעים בעברית. אפשר גם לכתוב טקסטים בעברית בתוך הבלוקים.

מה עושים אחרי שסקראץ׳ כבר קלה?

ממשיכים לשפה כתובה, למשל פייתון. הרעיונות — רצף, תנאים, לולאות, משתנים ואירועים — נשארים אותם רעיונות, ורק הכתיבה משתנה. השיעור על פייתון באתר הוא צעד ראשון טוב.

שווה להסתכל גם על תכנות לילדים, ולומדים.

האם זה עזר?
גננות, מורות והורים: איזה דף חסר לכם?כל שבוע אנחנו מכינים את מה שהכי מבקשים. בחינם.
לבקשת דף ←או בוואטסאפ