איך ליצור משחק HTML מושלם בעזרת AI
המדריך המלא ליצירת משחקים אינטראקטיביים עם פרומפטים מדויקים
יצירת משחק HTML איכותי בעזרת בינה מלאכותית היא אמנות שדורשת בעיקר דיוק בפרומפט. השגיאה הכי נפוצה שאני רואה היא שאנשים מבקשים "תעשה לי משחק" בלי לפרט בדיוק מה הם רוצים. התוצאה? משחק גנרי שלא מתאים לטעם שלהם ולא נראה מקצועי.
הסוד הוא לתת ל-AI הוראות מדויקות כמו שאתה נותן לאדריכל שמתכנן לך בית – ככל שתהיה יותר ספציפי בדרישות העיצוב, הפונקציונליות והאסתטיקה, התוצאה תהיה יותר מדויקת למה שחלמת עליו.
הפרומפט שיצר את משחק הזיכרון AI
עשה לי משחק HTML בתוך DIV כל הקוד. נגיד משחק הזיכרון. עם 20 כרטיסים
// שיפור עיצובי:
ביקשתי מפורש בתוך DIV ועצב בצורה מרשימה כאילו גוגל היו מעצבים בצורה נקיה
// פינטי הפרטים:
עם הגופנים של גוגל והאפור הבהיר מאוד מאוד והקונטורים בצורה סופר נקיה מרשימה ולא צבעונית מידי. ושהכרטיסים יהיו שמות של כלי AI כמו קלוד גמיני וGPT. ושהכרטיס יפתח עם צבעי גוגל אבל בשקיפות גבוהה
למה הפרומפט הזה עבד כל כך טוב?
מגבלה טכנית ברורה
"בתוך DIV כל הקוד" – זה אילץ את ה-AI לא לפזר את הקוד על כמה קבצים ולספק פתרון מובנה ונקי
השראה מותגית מדויקת
"כאילו גוגל היו מעצבים" – נתן כיוון עיצובי ברור, מוכר ואיכותי עם סטנדרטים גבוהים
פרטים ויזואליים מדויקים
"אפור בהיר מאוד מאוד", "שקיפות גבוהה" – התמקדות בגוונים, עוצמות ותחושה ויזואלית עדינה
תוכן רלוונטי ומעניין
"שמות של כלי AI" – הפך את המשחק לרלוונטי, אקטואלי ומעניין עבור קהל היעד
משחק זיכרון AI
מצא את כל הזוגות של כלי הבינה המלאכותית
