2
0

WebGL-compatibility-check.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334
  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.
  13. تتيح لك الطريقة التالية التحقق مما إذا كانت مدعومة وعرض رسالة للمستخدم إذا لم تكن مدعومة.
  14. </p>
  15. <p>
  16. أضف [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js] إلى جافا سكريبت الخاص بك وقم بتشغيل ما يلي قبل محاولة تقديم أي شيء.
  17. </p>
  18. <code>
  19. if ( WEBGL.isWebGLAvailable() ) {
  20. // Initiate function or other initializations here
  21. animate();
  22. } else {
  23. const warning = WEBGL.getWebGLErrorMessage();
  24. document.getElementById( 'container' ).appendChild( warning );
  25. }
  26. </code>
  27. </body>
  28. </html>