דילוג לתוכן הראשי

באנר אינטראקטיבי

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

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

תגובות

פוסטים פופולריים מהבלוג הזה

איך לבנות משחק HTML5 ב-Phaser עם Typescript - חלק 2

קבלו את החלק השני בסדרה - איך בונים משחק HTML5 ב-Phaser עם Typescript. בחלק הראשון בניתי את ה-HTML וה-CSS והורדתי את קבצי פייזר. הפעם אני בונה את ה-class הראשי של המשחק ומאתחל אותו. תהנו! לחץ כאן על מנת להוריד את קוד המקור הסופי הלינק להדרכה החינמית:  http://www.codactive.com

כלים לפיתוח משחקים בלי ידע בתכנות

מאחר ויש לי די הרבה נסיון בהדרכת תכנות למתחילים (ובפרט בתחום פיתוח משחקים) אני מתעניין כל הזמן בכלים טובים עם ערך מוסף גם לפיתוח משחקים מהיר וגם ללמידה של תכנות על הדרך. לאחרונה החלטתי לפתוח קורס\חוג מקומי לנוער שילמד פיתוח משחקים לחסרי נסיון, או בעלי נסיון בסיסי בתכנות וזה הוביל אותי לבדוק באופן יותר מעמיק אילו כלים קיימים כרגע שעשויים לתמוך בקורס כזה. אחד הקריטריונים החשובים לדעתי בבחינת כלים כאלה היא עד כמה אפשרי ונוח ליצור באמצעותם משחקי HTML5 שאפשר בקלות לפרסם באתר עצמאי, או באתרי מפיצים, כי לשם אני מאמין שהתעשיה הולכת. לכן, קודם כל הלכתי וחיפשתי רשימת השוואה למנועי משחק שמאפשרים ליצור משחקי HTML5 והגעתי לרשימה הזאת. אפשר לראות כאן גם frameworks כמו Phaser, שמאפשרות בניית משחק ע"י תכנות בלבד וגם כלים כמו Construct 2 שלא מצריכות ידע בתכנות בכלל ונותנות ממשק גרפי עם אפשרויות בחירה והזנת פרמטרים מסוגים שונים על מנת להגיע לאותן תוצאות. מנסיוני יש 2 אסכולות של מפתחים: 1. כאלה שבאו מרקע של תכנות פרופר (מדעי המחשב) - מעדיפים לתכנת הכל באמצעות עורכי קוד למיניהם...

קונסטרקט 3 - הכלי הכי אפקטיבי שאני מכיר לפיתוח משחקים קטנים-בינוניים

את הפוסט הקודם (על Stencyl) כתבתי לפני כמעט שנה ומאז עברתי לעבוד עם Construct 3 שפתר לי 2 בעיות משמעותיות: רספונסיביות וזמן להגיע לתוצאה. בנוסף, יש לקונסטרקט המון מדריכים באינטרנט, קהילת משתמשים גדולה ופעילה ועדכונים שוטפים בתדירות מרשימה. מהר מאד התחלתי לפתח משחקים בקונסטרקט וזה פשוט כיף גדול להבין שבמקום להשקיע כמה שבועות בכתיבת קוד אפשר להגיע לאותה תוצאה בכמה ימים בלי לכתוב שום קוד ורק להתרכז ביצירה עצמה. האמת היא שכל כך התלהבתי מהפשטות שבתוכנה, שהחלטתי לפתוח קורס לפיתוח משחקים בקונסטרקט והיום אני מעביר הדרכות פיזית ב-2 כיתות לתלמידים שהצטרפו לקורס שמתקיים בגדרה. במקביל אני ממשיך לפתח משחקים בקונסטרקט בשעות הפנאי ונהנה מכל רגע. בשלב הבא אני מתכנן לפתוח קורס אינטרנטי בקונסטרקט, כך שכל אחד שרוצה יוכל לפתח משחקים, אבל בינתיים עד שזה יקרה, אני רוצה לפרסם הדרכות קצרות מדי פעם שיתנו לכם טעימה מתוך החוויה של פיתוח בקונסטרקט. בהדרכה  הזאת אציג בקצרה את התוכנה - איך מגיעים אליה ומתחילים לעבוד איתה. בהדרכות הבאות אציג דוגמאות קצרות של עבודה עם התוכנה כחלק מתהליך בניית משחק...