2
0

WebGL-compatibility-check.html 1.0 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html lang="ar">
  3. <head>
  4. <meta charset="utf-8">
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body class="rtl">
  10. <h1>فحص توافق WebGL</h1>
  11. <p>
  12. على الرغم من أن هذه المشكلة أصبحت أقل وأقل ، إلا أن بعض الأجهزة أو المتصفحات قد لا تدعم WebGL 2.
  13. تتيح لك الطريقة التالية التحقق مما إذا كانت مدعومة وعرض رسالة للمستخدم إذا لم تكن مدعومة.
  14. قم باستيراد وحدة الكشف عن دعم WebGL ، وقم بتشغيل ما يلي قبل محاولة عرض أي شيء.
  15. </p>
  16. <code>
  17. import WebGL from 'three/addons/capabilities/WebGL.js';
  18. if ( WebGL.isWebGL2Available() ) {
  19. // Initiate function or other initializations here
  20. animate();
  21. } else {
  22. const warning = WebGL.getWebGL2ErrorMessage();
  23. document.getElementById( 'container' ).appendChild( warning );
  24. }
  25. </code>
  26. </body>
  27. </html>