حاليا ، فقط عدد قليل من المتصفحات تدعم WebGL. يرجى الاطلاع على مقال آخر في مقالتي: هل يمكنني استخدام WebGL؟.
المثال التالي هو اختباره في Chrome 16/23 تحت Windows و Firefox 17 تحت Android. إذا كنت تستخدم متصفحًا غير متوافق ، فسيظهر تحذير.
الشكل 1: مكعبات WebGL المتحركة التي تحتوي على نص Hello World
على المتصفحات المتوافقة مع HTML5 ، سترى المكعب مع تأثيرات الرسوم المتحركة كما هو موضح في الشكل التالي:
الشكل 2: لقطة الشاشة للمثال
يعتمد الرمز على الإضاءة في WebGL - كيفية محاكاة تأثيرات الإضاءة في سياق الويب الخاص بك - شكرًا جزيلاً على هذا البرنامج التعليمي. عندما يتم تشغيل المثيل في البداية ، يتم تقديم المكعب المتحرك بكائن رسومي ثابت في صورة نقطية.
يوضح الرمز التالي كيفية تقديم النص ديناميكيًا في البرنامج:
XML/HTML رمز نسخ المحتوى إلى الحافظة