🔹 WebGL پایه‌ی Three.js

Three.js بر اساس WebGL ساخته شده. بنابراین هر مرورگری که از WebGL پشتیبانی کنه، می‌تونه Three.js رو اجرا کنه.
پس در واقع پشتیبانی Three.js = پشتیبانی WebGL.

🔹 مرورگرهای مدرن و پشتیبانی

تقریباً تمام مرورگرهای مدرن WebGL رو به‌طور پیش‌فرض فعال دارن:

• ✅ Google Chrome (تمام نسخه‌های مدرن)

• ✅ Mozilla Firefox

• ✅ Microsoft Edge (نسخه‌های جدید بر پایه Chromium)

• ✅ Safari (macOS و iOS)

• ✅ Opera

📌 نسخه‌های خیلی قدیمی Internet Explorer (IE) از WebGL پشتیبانی نمی‌کنن. تنها IE 11 با افزونه‌های خاص می‌تونه محدود اجرا کنه، ولی توصیه نمی‌شه.

🔹 موبایل و دستگاه‌های دیگر

• اکثر گوشی‌های اندروید (با مرورگر Chrome یا Firefox) از WebGL پشتیبانی دارن.

• iPhone و iPad (مرورگر Safari iOS) هم WebGL رو ساپورت می‌کنن.

• مرورگرهای داخلی بعضی دستگاه‌ها (قدیمی‌تر) ممکنه محدودیت داشته باشن.

🔹 بررسی پشتیبانی WebGL در مرورگر

برای اینکه مطمئن بشی مرورگر کاربر WebGL رو ساپورت می‌کنه:

روش اول: استفاده از ابزار آماده

سایت رسمی تست WebGL:
👉 https://get.webgl.org

📌 اگر یه مکعب چرخان دیدی → مرورگر پشتیبانی می‌کنه.

روش دوم: بررسی با جاوااسکریپت

function webglSupport() {
  try {
    const canvas = document.createElement("canvas");
    return !!window.WebGLRenderingContext &&
           (canvas.getContext("webgl") || canvas.getContext("experimental-webgl"));
  } catch (e) {
    return false;
  }
}

if (webglSupport()) {
  console.log("مرورگر شما از WebGL پشتیبانی می‌کند ✅");
} else {
  console.log("مرورگر شما از WebGL پشتیبانی نمی‌کند ❌");
}

🔹 نکته مهم درباره Performance

• پشتیبانی مرورگر به معنی عملکرد خوب نیست!

• کیفیت و سرعت انیمیشن‌ها در Three.js وابسته به GPU و سخت‌افزار دستگاه هست.

• روی لپ‌تاپ یا گوشی‌های قدیمی ممکنه انیمیشن‌های سنگین خیلی کند اجرا بشن.

✅ جمع‌بندی

• Three.js روی همه مرورگرهای مدرن (Chrome, Firefox, Edge, Safari, Opera) اجرا میشه.

• موبایل‌های اندروید و iOS هم معمولاً ساپورت دارن.

• مرورگر باید WebGL رو پشتیبانی کنه، و این وابسته به سخت‌افزار و GPU هم هست.

• می‌تونی با کد بالا یا سایت رسمی WebGL تست کنی.