Sagi Menahem
> אתר תדמית אישי שמרגיש כמו חוויה קולנועית — עם אפקטים תלת-ממדיים וגלילה חלקה
בנינו אתר תדמית אישי שנועד להרשים ממבט ראשון. ברגע שנכנסים, מתגלה מערכת חלקיקים תלת-ממדית שנעה ברקע — אלפי נקודות אור שזזות בצורה אורגנית ויוצרות תחושה כמעט קולנועית. הגלילה באתר חלקה ומלווה באנימציות שמופיעות בדיוק ברגע הנכון, וכל זה נטען תוך שניות ספורות. אנימציית טעינה ייחודית בסגנון מחשבי בתחילת הכניסה מוסיפה אופי לחוויה.
בקרו באתר
האתגר
היינו צריכים לבנות אתר תדמית שיוכיח ברמה הגבוהה ביותר שליטה בעולם התלת-ממד והגרפיקה — אתר שיגרום למי שנכנס להגיד "וואו". אבל עם כל האפקטים, האתר חייב היה להיטען מהר, לרוץ חלק על כל מכשיר, ולא לגרום לדפדפן לעבוד קשה מדי.
הפתרון
בנינו מערכת תלת-ממדית מותאמת אישית שרצה על כרטיס המסך ולא מעמיסה על הדפדפן, הפרדנו לחלוטין בין האפקטים הוויזואליים לבין שאר האתר, העברנו חישובים כבדים לעבודה ברקע, ויצרנו מנגנון גלילה חלק שעובד מצוין גם בנייד.
אפקטים ויזואליים תלת-ממדיים
תנועת חלקיקים
אלפי נקודות אור נעות במרחב התלת-ממדי בזרימה אורגנית וטבעית, ויוצרות דפוסים מרהיבים שמשתנים ללא הרף.
צביעה דינמית
כל חלקיק משנה את צבעו ושקיפותו בזמן אמת בהתאם למהירותו ומיקומו, מה שיוצר תחושת עומק ומרחב חיה ונושמת.
זוהר קולנועי
הילת אור רכה עוטפת כל חלקיק ויוצרת אפקט זוהר חלומי, בשילוב עמעום עדין בשולי המסך שמעניק תחושה קולנועית.
פיצ׳רים מרכזיים
אפקט חלקיקים תלת-ממדי
אלפי נקודות אור שנעות ברקע בצורה אורגנית, עם זוהר והכהיה בקצוות — כמו סצנה מסרט מדע בדיוני
ביצועים חלקים
האתר רץ ב-60 פריימים לשנייה גם עם כל האפקטים, הודות לחישובים שרצים ברקע בלי להאט את הדפדפן
גלילה קולנועית
הגלילה באתר חלקה במיוחד ומלווה באנימציות שמופיעות בתזמון מדויק — כמו סיפור שנפרש לפני העיניים
מסך פתיחה ייחודי
אנימציית טעינה בסגנון מסך הפעלה של מחשב עם טקסט רץ — שנותנת טעימה מהאופי הטכנולוגי של האתר
ביצועים ומהירות
עיבוד ברקע
החישובים הכבדים מתבצעים ברקע, כך שהאתר נשאר חלק ומגיב גם כשיש אלפי אלמנטים בתנועה.
גלילה ללא עיכוב
הגלילה באתר מיידית וללא קפיצות — גם כשהאנימציות התלת-ממדיות רצות במלוא העוצמה.
טעינה מהירה
האתר עולה תוך פחות משתי שניות — כל הרכיבים נטענים במקביל לחוויה מיידית.