aogl.cn — روابط شخصية لأدوات الذكاء الاصطناعي التوليدي

← الرئيسية · محتوى أصلي

الأرض ثلاثية الأبعاد التفاعلية — عارض WebGL

Three.js · السحب وهالة الغلاف · تحكم مداري

· محتوى أصلي

هذه الأرض ثلاثية الأبعاد التفاعلية عرض WebGL أصلي مبني على Three.js (r128). تجمع صورًا أرضية بأسلوب «الرخامة الزرقاء»، وارتفاعًا تقريبيًا (bump)، ولممعًا للمحيطات، وطبقة سحب منفصلة، وظلال هالة غلاف جوي مخصصًا على كرة خارجية أكبر قليلًا—مناسب للتعليم الجغرافي والتوعية العلمية ومقاطع البطل في المواقع.

جرّب الكرة الأرضية مباشرة

اسحب بالفأرة لدوران الكاميرا، ومرّر العجلة للتكبير والتصغير. يعمل كله داخل المتصفح دون إضافات.

عارض WebGL مضمّن: كرة Three.js مع سحب وهالة جوية.

لماذا يساعد ذلك في تحسين محركات البحث

  • عناوين وبنية دلالية (figure، figcaption) توضح الموضوع: الأرض، WebGL، Three.js، السحب، الغلاف الجوي.
  • نص فريد قبل وبعد الإطار المضمّن ليُفهرس المحتوى حتى عندما يكون اللوح داخل iframe.
  • loading="lazy" يخفف ضغط أداء الصفحة الأولى عند الوصول من قوائم المقالات.

المكدس التقني (للمطورين)

يستخدم WebGLRenderer مع إضاءة اتجاهية ومحيطية، وOrbitControls للتفاعل. طبقة الغلاف كرة أكبر قليلًا مع ظلال جزئي يمزج حافة فرينل بلون أزرق فاتح.

للمواقع متعددة اللغات، خصص عناوين ومقتطفات لكل لغة مع مشاركة نفس الأصل التفاعلي—توازن بين تغطية الاستعلامات وسهولة الصيانة.