פיקמאס שמח

סיכום

Merry Pixmas: כיף לחג המולד עם המרות CSS בתלת-ממד.

מה אנחנו אוהבים?

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

טיפ למתקדמים: נער את הטלפון כדי שיגיע שלג!

שיפורים אפשריים

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

שאלות ותשובות עם ג'ים סאבאג'

למה כדאי לחפש באינטרנט?

בטוקיו, אנחנו כבר לא תומכים בפרסום של אתרים רספונסיביים ולניידים. Pixmas כתוצאה מניסויים של HTML5 ו-CSS3 בזמן חוסר הפעילות בין פרויקטים. אנחנו תמיד מנסים דברים חדשים כדי לשמור על עדכניות הידע שלנו. לכן באופן טבעי, כל מחקר יהיה ממוקד באינטרנט ולא בפלטפורמה מקורית.

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

מה עבד ממש טוב במהלך הפיתוח?

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

מה שהפתיע אותנו ביותר היה היכולת חלקה וביצועי הדפדפן של התלת-ממד בפלטפורמות לנייד, במיוחד במכשירי Android הפחות מוכרים.

אם הייתה לך אפשרות לשפר את האפליקציה שלך באמצעות API כלשהו, באיזה ממשק היית משתמש?

אם נכתוב את Pixmas מחדש, סביר להניח שנשתמש בממשק API מבוסס WebGL. אמנם היה כיף לתמרן רכיבי DOM של HTML בתלת-ממד באמצעות CSS, אך העוצמה האמיתית של תלת-ממד מבוסס-אינטרנט צריכה להיות טכנולוגיה ייעודית עם האצת חומרה, כגון WebGL. CSS 3D מאפשר להשתמש באפקטים ובמעברים בסיסיים בדפי אינטרנט, אבל בהחלט קיימת מגבלה על ביצועי הדפדפן בעת קידוד Pixmas.

Google מציגה כמה פרויקטים נהדרים של WebGL בניסויים של Chrome.