مستكشف جوازات فيه بحث وكرة أرضية بـ Three.js. تختار الجواز، تدوّر العالم وتشوف كل وجهة شن نوع الدخول ليها.
- السنة
- 2026
- المجالات
- Interactive Web / عرض البيانات / Three.js / Creative Development
مشروع مستقل. نعرضوه هنا كشغل فعلي في التصميم والبرمجة، مش على إنه شغل لعميل.
البداية
القائمة تقوللك وين تقدر تمشي بجوازك، لكن الصورة الكبيرة تضيع بين الأسماء. في Passport Power جرّبنا نخلّوا نفس البيانات حاجة تقدر تدور فيها وتشوفها جغرافياً.
الفكرة
خلّينا البلد نفسه واجهة. تختار الجواز فتتبدّل ألوان الكرة، ولما تمرّ على بلد أو تضغط عليه تشوف اسمه ونوع الدخول، والعالم باقي قدامك.
النظام
ربطنا قائمة الجوازات وبيانات الفيزا بالبحث، الترتيب، أعداد كل فئة وتفاصيل البلدان. الحدود الجغرافية تولّي texture على Canvas، وكل حالة دخول عندها لونها: من غير فيزا، عند الوصول، eVisa أو فيزا مطلوبة.
شن بنينا
الواجهة بـ HTML وCSS وJavaScript، والكرة بـ Three.js وOrbitControls. حدود TopoJSON وحسابات raycasting تربط المكان اللي تضغط عليه ببياناته. العرض يخدم ببيانات الريبو، مش خدمة معلومات سفر تتحدّث مباشرة.
احجز لقاء