אנחנו משתדלים להוציא מידי פעם דברים חדשים ומיוחדים, ובזמן האחרון לא יצא לי לכתוב עליהם. בפוסט הדגמה והסבר על הדגל שלי – אפליקציה לכבוד יום העצמאות שהוצאנו.
הדגל שלי – משלבים תמונה בתוך דגל ישראל
לכבוד יום העצמאות ה-74 למדינת ישראל, פיתחנו אפליקציה חדשה וחמודה שמאפשרת לשלב תמונה שלכם בתוך דגל ישראל שמתנפנף. בוחרים תמונה מהמכשיר ומשלבים אותה באנימציה של דגל ישראל שמתנפנף.
את התוצאה ניתן להוריד כקובץ וידאו (GIF) וכמובן לשתף בוואצאפ וברשתות חברתיות אחרות.
איך יוצרים משלבים תמונה בדגל:
- נכנסים לקישור של הדגל שלי
- לוחצים על העלאת תמונה
- מעלים את התמונה ולוחצים על צרו וידאו
- האפליקציה יוצרת את הוידאו, ומציגה לנו כפתור הורדת וידאו
- אם רוצים להוריד את הוידאו לוחצים על הורדת וידאו
- אם רוצים להוסיף עוד תמונה לוידאו לוחצים שוב על העלאת תמונה וחוזרים עד שמעלים את כל התמונות שרוצים.
- לאחר שלחצנו על הורדת וידאו מקבלים אפשרות להוריד קובץ מסוג GIF ולשתף אותו (כקובץ וידאו)
- בנוסף הקובץ מוצג על הדפדפן ובלחיצה ארוכה עליו (במובייל) ניתן לשתף את הוידאו.
צפו בסרטון הדרכה על יצירת דגל משולב תמונה
דוגמה לאנימציית דגל שנוצרה באמצעות הדגל שלי
מצורפת דוגמה לאנימציה שיצרנו באמצעות הדגל שלי, באנימציה שילבתי את המשפחה שלי בתוך הדגל.
פיצ'רים נוספים באפליקציה
האפליקציה מאפשרת ביצירת הדגל רקע תמונה של שמים (כמו שאפשר לראות בדוגמה)
כמו כן יכולים המשתמשים לבחור צבע אחיד לרקע.
וכמו שציינו למעלה ובוידאו אפשר להעלות עוד ועוד תמונות וליצור אנימציה עם תמונות שמתחלפות.
תוכניות לעתיד 😉
אנחנו מתעדים להוציא את האפליקציה כאפליקציה בינלאומית עם דגלים של כל המדינות ולאפשר לאנשים מרחבי העולם ליצור תמונות משולבות בדגלים של המדינות שלהם.
כמו כן הרעיון הספציפי העלאה עוד כמה רעיונות לאנימציות שאפשר לשלב בהן תוכן משל הגולשים. ואנחנו מקווים להוציא גם אותם בקרוב.
קצת מאחורי הקלעים
האפליקציה פועלת על גבי הדפדפן, ולא מצריכה התקנה מחנות האפליקציות.
את האפליקציה פיתחנו באמצעות ZIMJS שהיא פלטפרומה שאנחנו משתמשים בה לפיתוח המשחקים והאפליקציות בחברת CloseApp.
בנוסף השתמשנו בקוד פתוח מהפרוייקט הנהדר GIF.JS שמאפשר ליצור קובץ מסוג GIF אונליין וללא שימוש בצד שרת.
הקוד משלב בין יצירה של מפת סביות (BITMAP) והוספה שלהם כפריימים (FRAME) אל קובץ הGIF ועדכון התזמון.
האנימציה של הדגל גם היא מתבצעת באמצעות הקוד. מה שמאפשר לנו שליטה מלאה על הנראות, המהירות והמיקומים של התמונות והדפדוף.
הפיתוח מצטרף לפיתוחים קודמים שלנו ליום העצמאות:
משחק לקהילה ליום העצמאות – הפעלה מדהימה למשחק מרחוק
משחקים ליום העצמאות – משחק קבוצתי ממחולל המשחקים לכיתה ולקבוצה
