الصفحة الرئيسية » الترميز » 15 (المزيد) تجارب HTML5 الملهمة

    15 (المزيد) تجارب HTML5 الملهمة

    إلا إذا كنت تعيش تحت صخرة ، فستسمع عن HTML5. إنه الآن في كل مكان ، بفضل الترويج لـ Apple المدير التنفيذي المدير التنفيذي السابق ستيف جوبز وبعض المطورين الذين يعتقدون أن HTML5 يمكن أن يتولى برنامج Flash.

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

    صدق قوتك أو لا ، سنقوم بعرض 15 تجربة تنويرية تحقق أفضل استخدام لـ HTML5 ، وتخمين ما ، يمكنك تجربة الجاذبية ، الرسوم المتحركة القائمة على الموسيقى ، وعرض المخلوقات التي تعمل مثل المخلوقات! استمتع بقضاء وقت ممتع معهم ، عفوًا ، يتم تقديم أفضل خدمة لهم مع أحدث إصدار من Mozilla Firefox و Google Chrome.

    فقط إذا لم تكن راضيًا عن متعة HTML5 هذه ، فلدينا المزيد من أجلك!

    • HTML5: 48 عروض فلاش محتملة القتل
    • HTML5: 19 تطبيقات الويب المحتملة

    دورة قماش

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

    جوجل الجاذبية

    واحد آخر من قبل السيد دوب المدهش ، وهذا واحد هو أقل تفاعلية من الأول ولكن لا يزال بارد. أنه يعطي نسخة أساسية من صفحة البحث الرئيسية جوجل. ولكن عندما تشير المؤشر الخاص بك ، تبدأ الصفحة بأكملها في "السقوط" حتى تعطل جميعها في الأسفل. يعمل شعار Google كرابط نشط يقوم بتحديث الصفحة. لعبة جيدة لتلك الشركات العظيمة التي تكره جوجل ، قد تكون.

    أشجار قماش

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

    مغناطيسي

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

    الرسم البياني لأرباح المشاهير

    هل ترغب في رؤية تمثيل مرئي لمقدار شهرة مشاهدي التليفزيون في كل حلقة؟ هذا رسم بياني صغير رائع يُظهر مجموعات من أشرطة الألوان التي تمثل مقدار ما يحرزه مشهور معين عند تسجيل عرض تلفزيوني (أو صنعه ، في حالات مثل Charlie Sheen). تم صنعه كواحد من العديد من المشاريع والتجارب التي قام بها دانيال راب.

    الشريط قماش

    صمم Paul Truong هذا التطبيق الممتع الذي يتيح لك الطلاء باستخدام شريط متعدد الألوان يتحرك باستمرار عبر الشاشة. يجعل الأشكال والتصاميم ، وتأثير جميل جدا. كل ما عليك فعله هو سحبها عبر الشاشة ، والحديث عن البساطة إيه.

    WebGL المياه

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

    قراص البحر

    عرض آخر مذهل يطبق سحر WebGL ، حيث يمكنك رؤية مجموعة من قناديل البحر الجميلة للغاية والأكثر أهمية ، وهي تتحرك في الماء ، وتشعع بأشعة الشمس التي تشبه الحلم. شاهد الفترة التي يجلب فيها HTML5 و WebGL الويب إلى الحياة ، وأفضل عرض لها مع Google Chrome.

    فوكسل المطر

    تعني Voxel rain أن الصناديق ثلاثية الأبعاد متعددة الألوان تنحدر لتشكل كتلة كبيرة دوارة. إنه يشبه عرض إمكانيات الكمبيوتر في التسعينيات ، والآن يتعلق الأمر بمستعرض الويب من خلال الاستفادة من قوة HTML5 ، ولم يكن عصر الإنترنت الأكثر سطوعًا.

    تأثيرات نص HTML5

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

    الغزل HTML5 الشعار

    لا يمكنني تحمل مجد HTML5 ، إنه يدور ، إنه يدور ... إنه رائع.

    رسم في 3D

    بالملل من خدمة رسم 2D القائم على HTML5؟ تحقق من هذا. ببساطة ارسم خطًا ، واضغط على Space ، ثم اسحب لليسار أو لليمين ، وسترى الرسم يدور في منظور ثلاثي الأبعاد. ليس الرسم ثلاثي الأبعاد أكثر تعقيدًا مع HTML5.

    mta.me موصل

    يلهمك Mta.me Conductor عن طريق وضع نقاط تنتقل باستمرار إلى تشكيل الخطوط ، وعندما تكون الخطوط “تصادم” لبعضهم البعض أنها سوف تسبب بعض التفاعل. الكل لإثبات أن HTML5 لا يتعلق فقط بالكود بل التفاعل ، وهذا ما يهتم به مستخدمو الويب حقًا.

    جوجل جوجل

    لعبة إطلاق النار مثيرة للاهتمام ولكن البطل هو Gmail ، حررها من الشرور! تمامًا مثل لعبة الرماية الكلاسيكية ، حصلت على الحياة والنتيجة وشعاع الليزر القوي. ربما واحدة من العروض التجريبية المحتملة لإظهار قدرات HTML5 تفعل كلعبة. احترس ، فلاش.

    ث الطيار

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