סטודיו2024 · פיתוח יחיד

טאקי, משחק הקלפים

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

  • React
  • TypeScript
  • Canvas

הבעיה

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

הגישה

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

מה למדתי

רינדור לקנבס ב-60fps דורש לחשוב על זיכרון אחרת לגמרי מרינדור DOM. מאגר אובייקטים (object pooling) היה הפתח הגדול ביותר.