חיפשתי רעיון באמת מגניב ואישי ליום הולדת של אשתי, אבל כולנו יודעים כמה קשה ליצור משחק מותאם אישית לשני משתתפים כשאתה היוצר והמפעיל. במקום לוותר, מצאתי פתרון יצירתי וגאוני שאני חייב לחלוק איתכם!
אני רוצה לחלוק אתכם כלי עבודה שימושי במיוחד שיצרתי לאחרונה בעזרת Gemini 3 Pro. זה מאפשר ליצור במהירות משחקי אתגר אינטרנט קצרים ומותאמים אישית (מבוססים על קוד HTML).
הפרויקט: משחק אתגר אינטראקטיבי
פיתחתי משחק דמו הכולל סביבה תלת-ממדית בסיסית, מכשולים ומנגנון אתגר שבו נדרשת פתרון חידה כדי להתקדם. זה כלי רב-תכליתי שניתן להתאים לכל מטרה – מאירועי גיבוש ועד למשחקיות משפחתית.
התאמה אישית: ניתן כמובן להגדיר את תוכן החידות איך שרק תרצו – שאלות ידע, קודים מוסתרים, או כל אתגר אחר.
גמישות: מה שאני מציג כאן הוא דוגמה פשוטה להדגמה בלבד. ניתן לשדרג את הרעיון הזה משמעותית ולהתאים אותו לכל אירוע או פרויקט.
איך עושים את זה
Gemini 3 Pro הוא כלי מצוין ליצירת קודים בסיסיים ומתקדמים כאחד, והוא הופך את התהליך למהיר ויעיל במיוחד. זו הדרך שבה בניתי את המשחק:
הנחיה ראשונית: בקשו מ-Gemini 3 Pro ליצור את הבסיס: "צור קוד HTML/CSS/JavaScript ליצירת משחק מפה קטן עם רקע תלת-ממדי, דמות ניתנת להזזה, ומחסומים. כאשר הדמות מגיעה ליעד, הצג חלון קופץ עם שאלה מותאמת אישית."
שיפור והתאמה: המשיכו לבקש מג'ימני בקשות ספציפיות של שינויים ושיפורים (כמו שינוי מראה המחסומים או הוספת מנגנוני ניקוד).
טיפ מניסיון (למשתמשי נטפרי): אם אתם נתקלים בבעיות עם ספריות חיצוניות (כגון three.min.js שדרושה לעבודה ב-3D), Gemini 3 Pro יכול לסייע לכם למצוא פתרונות עוקפים או להנחות אתכם כיצד להוריד את הקובץ הדרוש ולשלב אותו מקומית בפרויקט, כך שהמשחק יעבוד ללא בעיה גם בסביבה המוגבלת. פשוט תארו לו את הבעיה ותראו כמה הוא יעיל.
מצורף קישור להורדת הקובץ זיפ לראות את המשחק שעשיתי כדי להבין את הרעיון, חלצו את התיקייה, פתחו את הקובץ index.html, מומלץ לפתוח באמצעות הדפדפן Microsoft Edge
משחק.rar
עריכה: למי שמוריד את הקובץ שהעלתי ורוצה לשחק איתו אז התשובות לשאלות שאלה א': 2018, שאלה ב': לונדון, שאלה ג': מזלטוב
אני ממליץ בחום לנסות ולהשתמש ב-Gemini 3 Pro כדי ליצור פרויקטים דומים!
️ חשוב: צריך גם לקחת בחשבון שאתה משנה את המבנה של הטקסט מה שאומר שאם החלטת שאתה משנה משהו אז אתה תצטרך לעבור על כל הקובץ ולנסות להבין איפה הורדה שורה באמת ואיפה רק בשביל הפטנט לכן חובה לעשות עותק לפני { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}