تطبيق ويب تفاعلي يعرض العناصر الكيميائية من الجدول الدوري بشكل ثلاثي الأبعاد محرّك وقابل للتحكم عن طريق حركة الماوس.
- عرض ثلاثي الأبعاد محرّك: عرض الذرات بصرياً مع حركة الإلكترونات حول النواة
- تفاعل مع حركة الماوس: دوّر وتحكم في عرض الذرة باستخدام حركة الماوس
- مدارات الإلكترونات: يعرض عدد الإلكترونات والبروتونات وحركتها حول العنصر
- واجهة عربية كاملة: تطبيق مصمم خصيصاً للغة العربية
- معلومات العنصر: عرض تفصيلي للعدد الذري، الكتلة، البروتونات والإلكترونات
- تدوير تلقائي: خيار لتدوير الذرة تلقائياً
- تصميم حديث وجميل: واجهة مستخدم سهلة وجذابة
- Three.js: لعرض الرسوميات ثلاثية الأبعاد
- HTML5 & CSS3: للواجهة والتصميم
- JavaScript: للتفاعل والمنطق البرمجي
- افتح الملف
index.htmlفي متصفح ويب - اختر أي عنصر من الجدول الدوري على اليسار
- حرّك الماوس لتدوير وعرض الذرة من زوايا مختلفة
- استخدم الأزرار للتحكم:
- تدوير تلقائي: لتدوير الذرة تلقائياً
- إعادة تعيين: لإعادة تعيين موضع الكاميرا
periodic-table-3d/
├── index.html # الملف الرئيسي
├── js/
│ ├── elements-data.js # بيانات العناصر الكيميائية
│ ├── atom-viewer.js # فئة عرض الذرة ثلاثية الأبعاد
│ └── app.js # منطق التطبيق الرئيسي
└── README.md # هذا الملف
التطبيق يتضمن 24 عنصراً من أهم العناصر في الجدول الدوري:
- العناصر الخفيفة (الهيدروجين، الهيليوم)
- المعادن الانتقالية (الحديد، النحاس، الزنك)
- المعادن الثمينة (الفضة، الذهب)
- والعديد من العناصر المهمة الأخرى
- حركة الإلكترونات: تدور الإلكترونات حول النواة بسرعات مختلفة حسب المدار
- تتبع الماوس: تتحرك الكاميرا استجابة لحركة الماوس
- إضاءة ديناميكية: إضاءة واقعية من عدة اتجاهات
- مؤثرات بصرية: توهج حول النواة والإلكترونات
- متصفح ويب حديث يدعم WebGL
- اتصال بالإنترنت (لتحميل مكتبة Three.js)
- يمكن توسيع التطبيق بإضافة المزيد من العناصر
- يمكن تحسين نموذج الذرة ليكون أكثر دقة علمياً
- يمكن إضافة معلومات إضافية عن كل عنصر
تم إنشاؤه بـ ❤️ لتعليم الكيمياء بطريقة تفاعلية وممتعة