GAME DEVELOPMENT WITH AI

מבוא לפיתוח משחקים עם AI

שיעור 1 - מפועלים לאדריכלים

השינוי הגדול

הגישה הישנה

קורס תכנות ארוך
חודשים של לימוד סינטקס
שבירת שיניים על באגים
ריבוע ירוק על מסך שחור

הגישה החדשה

משחק Snake מלא
בפחות מ-4 דקות
בלי שורת קוד אחת
עם עיצוב, צבעים ולוגיקה

אנחנו לא לומדים לתכנת. אנחנו לומדים לנהל.

מושג ראשון: IDE

IDE

Integrated Development Environment - סביבת פיתוח משולבת

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

כמו שולחן הניתוחים של המנתח, או הסדנה של הנגר - זה המקום שבו כל הכלים נמצאים.

מבנה סביבת העבודה

01 סייר הקבצים (צד שמאל) - ניהול כל קבצי הפרויקט
02 אזור העריכה (מרכז) - שם הקוד מופיע ונערך
03 חלונית הצ'אט (צד ימין / Ctrl+I) - השיחה עם הסוכן
04 Preview - תצוגה מקדימה של המוצר

מושג שני: Agent (סוכן)

AGENT

סוכן - ישות AI שיודעת לבצע פעולות

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

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

מושג שלישי: Prompt (הנחיה)

PROMPT

הנחיה - השפה שבה מדברים עם הסוכן

הנחיה מדויקת = תוצאה מדויקת.
"תבנה בית" ← יכול להיות אוהל או ארמון.
"תבנה בית פרטי, קומה אחת, גג רעפים אדום" ← בדיוק מה שרציתם.

ככל שנהיה יותר מדויקים בהנחיות, הסוכן יעבוד טוב יותר. זו האומנות שנלמד בקורס.

מבנה פרומפט טוב

01 התפקיד - מי הסוכן? ("You are an expert game developer")
02 המשימה - מה לעשות? ("Create a classic Snake game")
03 אילוצים טכניים - איך? ("Single file named index.html")
04 עיצוב - איך זה נראה? ("Dark background, Neon Green Snake")

הפרומפט הראשון שלנו

                // Role

                You are an expert game developer using HTML5.

                // Task

                Create a classic Snake game.

                Generate a single file named index.html

                which contains the CSS, HTML and JS.

                // Design

                Design constraints: Dark background,

                Neon Green Snake, Red apple,

                Classic arcade font for score.

שלוש השפות של האינטרנט

HTML

השלד

המבנה והתוכן של הדף - כפתורים, טקסטים, אזורים

CSS

העיצוב

הצבעים, הגדלים, האנימציות - איך הדף נראה

JS

המוח

הלוגיקה - איך הנחש זז, מה קורה כשאוכלים תפוח

איטרציה - מעגל הפיתוח

ITERATION

פיתוח הוא לא פעולה חד-פעמית. זה מעגל שחוזר על עצמו:

1

בונים

←

2

בודקים

←

3

משפרים

עוד מושגים חשובים

CONTEXT AWARE

הסוכן מודע להקשר. הוא לא כותב הכל מחדש - הוא קורא את הקוד הקיים, מבין מה כבר נבנה, ומשנה רק את מה שצריך.

UX

User Experience - חוויית משתמש

איך השחקן מרגיש כשהוא משתמש במוצר. אם אין "Game Over" כשמפסידים - זו חוויה גרועה.

מה למדנו היום?

💻

IDE

סביבת העבודה שלנו - המקום שבו הכל קורה

🤖

Agent

הסוכן שמבצע את העבודה בפועל - לא סתם צ'אט

💬

Prompt

ההנחיה - האומנות של לתת הוראות מדויקות

🔄

Iteration

מעגל הפיתוח - בונים, בודקים, משפרים

עכשיו - תורכם לבנות!