ميري بيكسماس

لقطة شاشة لـ Merry Pixmas

ملخّص

Merry Pixmas: أجواء ممتعة لعيد الميلاد مع عمليات تحويل CSS الثلاثية الأبعاد.

ما الذي نفضّله؟

عرض توضيحي لعيد الميلاد يمكن العثور عليه ويعمل بشكل جيد على أجهزة الكمبيوتر المكتبي والأجهزة الجوّالة. وهو يأتي أيضًا مزوّدًا بألوان جديدة للمظاهر، وبيان ويب لتجربة الشاشة الرئيسية التي يتم تشغيلها في وضع ملء الشاشة.

نصيحة احترافية: هزّ هاتفك لتساقط الثلوج!

التحسينات الممكنة

على الرغم من أنني أدركت أنه إصدار تجريبي، فإن بعض عناوين ذاكرة التخزين المؤقت المحددة

أسئلة وأجوبة مع "جيم سافاج"

مزايا الويب

لطالما دعمنا في طوكيو شبكة الويب المتوافقة مع الأجهزة الجوّالة وسريعة الاستجابة، بدلاً من الاعتماد على الإعلانات المحلية في سبيل ذلك. كانت Pixmas كنتيجة لاختبارات HTML5 وCSS3 أثناء فترة التوقف بين المشروعات. ونجرّب دائمًا أشياء جديدة لإبقاء معرفتنا حديثة؛ لذا بطبيعة الحال، بالنسبة إلى فريقنا من مطوري الواجهات الأمامية، كان أي بحث سيركز على الويب مقارنةً بالنظام الأساسي الأصلي.

ومع استمرار نضج المتصفحات، نلاحظ المزيد من الوظائف الشبيهة بالوظائف الأصلية، وهي دوال كانت متوفرة فقط من خلال التطوير الأصلي، مثل تحديد الموقع الجغرافي والوصول إلى الكاميرا وتخزين قاعدة البيانات المحلية وما إلى ذلك، وجميعها تساهم في تقديم تجربة عامة شبيهة بالأصلي للمستخدمين، لكن مع فوائد التطوير السريع عبر الأنظمة الأساسية. وبالطبع لا يزال تطوير التطبيقات الأصلية ذات مزاياها، وعند التعامل مع مشروع جديد، يكون هناك الكثير من التفكير في كل من خيارات الويب والمحتوى الأصلي. ربما يبدو الأمر واضحًا، ولكن بالنسبة لعملائنا، من المهم أن نوصي بأفضل منصة للوظيفة، بدلاً من ارتداء حذاء في كل مشروع نفضل الترميز من أجله.

ما الذي سار بشكل جيد حقًا أثناء التطوير؟

أعتقد أنّه مع Pixmas، ركّزنا بشكل أساسي على عمليات التحويل الثلاثية الأبعاد ومدى إمكانية تطوير CSS، ولذلك اتّضح أنّ النمط التوضيحي المقسّم بوحدات البكسل كان جيدًا في المتصفّح، كما سيخبرك أي مطوّر للواجهة الأمامية بأنّ السلوك الطبيعي في المتصفّح مناسب للمربّعات. لذا فإن بناء النمط العام والرياضيات ثلاثية الأبعاد حول المشكلات المربعة يعمل بشكل جيد حقًا. بناء مكعب باستخدام تحويلات ثلاثية الأبعاد وHTML أسهل بكثير من أي شكل أساسي آخر. ومع ذلك، فإن التفاعل والرسوم المتحركة استغرقت منا تجربة وخطأ قليلاً للتبسيط.

أكثر ما فاجأنا هو السلاسة وأداء المتصفّح الثلاثي الأبعاد على الأنظمة الأساسية للأجهزة الجوّالة، لا سيما في أجهزة Android الأقل شهرة.

إذا كان بإمكانك إنشاء أي واجهة برمجة تطبيقات لتحسين تطبيقك، فماذا ستكون؟

إذا كنا سنكتب Pixmas من جديد، فسنستخدم على الأرجح واجهة برمجة تطبيقات تستند إلى WebGL. رغم أنه كان من الممتع معالجة عناصر HTML DOM في العرض الثلاثي الأبعاد عبر CSS، يجب أن تكون القوة الحقيقية للنماذج الثلاثية الأبعاد المستندة إلى الويب عبارة عن تقنية مخصصة تعمل على تسريع الأجهزة مثل تقنية WebGL. يصلح استخدام CSS 3D للتأثيرات والانتقالات الأساسية في صفحات الويب، ولكننا بالتأكيد نواجه قيودًا في أداء المتصفح عند ترميز Pixmas.

تُجري Google بعض مشاريع WebGL في تجارب Chrome.