פרוייקט גמר ב' - קורס ג'אווה סקריפט

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

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

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

4. אחרי שראיתם את העיצוב ושיחקתם במשחק עצמו הגיע הזמן להתחיל לקרוא את ההוראות להכנה!

עמוד בחירה (selection)

• אופציות controller - בעמוד הבחירה המשתמש יכול באמצעות העכבר להצביע על דמויות, בכל הקלקה על דמות נראה את הדמות עם הפרטים המלאים עליה במסך תצוגה מצד ימין.
• אופציות controller - בעמוד זה ישנם כפתורי סינון שמאפשרים לנו לסנן את הדמויות לפי סוג ההתקפה range / melee.
• לוגיקה model - תחילה נריץ טיימר בן 20 שניות, שזה הוא הזמן שבו עלינו לבחור את הדמויות שאיתם נרצה לשחק עבורנו ועבור המחשב, אם הזמן מגיע ל 0 ולא נבחרו חמישה דמויות עבורנו ועבור המחשב נעביר את המשתמש חזרה למסך הראשי.
• לוגיקה model - ברגע שהטיימר מגיע ל0 ויש לנו 2 קבוצות מלאות, המודל יעביר אותנו עמוד לעמוד המשחק.
• לוגיקה model - בכל לחיצה על דמות נראה את הדמות במסך התצוגה המקדימה, נוכל לבחור אותה באמצעות כפתור pick hero.
• לוגיקה model - בחירת הדמות תעשה רק במידה והדמות לא נבחרה קודם לכן, יש להוסיף כפתור בשם random אשר יאפשר לבחור דמות רנדומלית מתוך הדמויות שעדיין לא נבחרו כמובן שנצטרך פה שימוש בפונקציית ריקורסיה.
• תצוגה view - קובץ הדמויות לא מגיע מפולטר לפי סוג הדמות, לכן יש לפלטר את הדמויות לפי סוג הדמות ולהראות שלושה סקשיינים שונים שבכל סקשיין יש דמויות מאותו הסוג. str / agi / int.
• תצוגה view - יש להציג 10 סלוטים בחלק העליון של המסך, החמישה הראשונים הם עבור הדמויות של המשתמש והחמישה הבאים עבור הדמויות של המחשב.
• תצוגה view - בכל פעם שאנחנו בוחרים דמות הסלוט הבא מתמלא משמע תחילה נבחר חמישה דמויות לנו ורק לאחר מכן למחשב.

עמוד המשחק (game)

• אופציות control - עמוד זה יאפשר למשתמש להתחיל לשחק במשחק מבוסס תורות, המסך יאפשר לשחקן בתורו לבחור דמות אחת מחמשת הדמויות של המחשב ולתקוף אותן, משחק תורות אומר שבכל פעם שאנחנו תוקפים או מגנים התור עובר לשחקן השני במקרה שלנו המחשב, ובפעם הבאה שנקבל את התור שלנו נשחק עם הדמות הבאה שלנו, במידה והיא עדיין חיה.
• לוקיגה model - תחילה עלינו לבדוק שב localStorage ישנם הדמויות שנבחרו עבור כל קבוצה.
• לוקיגה model - השחקן הוא הראשון שמתחיל בכל משחק, לאחר שהשחקן בוחר את אילו מהדמויות הוא רוצה לתקוף באמצעות כפתור תקיפה הוא יכול לתקוף.
• לוקיגה model - מה זה אומר תקיפה? תקיפה אומר השימוש בכוח של אותה דמות שתוקפת בשביל להוריד נקודות חיים לדמות הנתקפת.
• תצוגה view - בכל פעם שמתחלף התור נצטרך לרנדר ולהציג כותרת שמעדכנת אותנו את שם הדמות שעכשיו תורה לתקוף.
• תצוגה view - כמו כן נעדכן כותרת משנית שבמידה וזה תור השחקן תראה כותרת "What is the next move?"? ואם זה תורו של המחשב אז "Opponent is thinking..." .
• תצוגה view - שזהו תורו של המשתמש מן הסתם שלוקח זמן לבחור איזה דמות אנחנו רוצים להתקיף לבחור אותה וללחוץ על הכפתור, שזה תורו של המחשב המחשב מסוגל לעשות זאת במאית השניה, כדי לגרום לתחושה של משחקיות וכאילו המחשב באמת חושב איזה דמות עליו לתקוף נוסיף שימוש ב setTimeout לפני כל תור של המחשב.
• view - על מנת להשאיר את המסך מעודכן עלינו לרנדר מחדש בכל שינוי שנוצר בסטייט שלנו, שימו לב שמתחת לכל תמונה של דמות ישנו גם בר המציג את כמות נקודות החיים של הדמות באחוזים, אם נעדכן אותו ונשתמש באנימציה נוכל לקבל אפקט יפה שיעדכן בצורה נחמדה את המתרחש במשחק.

dota-game
├── public
│   ├── favicon.ico
│   ├── home
│   ├── selection
│   ├── game
│   └── results
└── src
    ├── assets
    ├── css
    ├── lib
    ├── mock.js
    ├── model.js
    ├── view.js
    └── controller.js