Yehia Rashdan Car Museum
يحيى رشدان جامع سيارات يتابعه نحو 551 ألفًا على إنستجرام، وقال في أكثر من بودكاست إن حلمه متحف يحفظ سياراته وحكاياتها من النسيان. فبنيت له المتحف هديةً، ثلاثي الأبعاد في المتصفح: 85 مركبة من مركباته الحقيقية على ثلاثة طوابق، تتجول بينها من جوالك.
شاشة البداية على الكمبيوتر والجوال، والـ M2 البنفسجية تنجرف على حلبة السطح خلف العنوان. كل لقطة في هذه الصفحة مأخوذة من المتحف المنشور فعلًا.
- الدور
- البحث والبناء ثلاثي الأبعاد والصوت والإعلان
- المجال
- تجربة تفاعلية ثلاثية الأبعاد · ثقافة السيارات
- المنصة
- Three.js (WebGL2) · Cloudflare Workers
- المعاينة
- yehia-rashdan-museum.pages.dev ↗
قالها في بودكاست: «نفسي أفتح متحف». فبنيت له واحدًا.
قالها في أكثر من برنامج خلال 2026: «نفسي أفتح متحف»، لتبقى سياراته وحكاياتها للأجيال القادمة. المبنى الحقيقي يحتاج سنوات وثروة، أما متحف الويب فيكفيه رابط.
المبنى حلقة على شكل شعاره YR، وسطحه كله حلبة دريفت. في الداخل 85 مركبة من مركباته على ثلاثة طوابق وثمانية أقسام. وعند المدخل يقف يحيى بنفسه يغسل سيارته الموستانج الكلاسيكية ويستقبلك بصوته الحقيقي. بدأت البحث في 15 أكتوبر، وكتبت أول commit في 16، ونشرت المتحف في 17.
812 فيديو حللتها بـ 6.24 دولار فقط.
معظم سياراته تظهر في القصص والقصص المميزة، لا في نصوص المنشورات، فكان لا بد من استخراج القائمة من اللقطات نفسها. فهرست حسابه على إنستجرام دون تسجيل دخول ودون تنزيل أي وسائط على جهازي. اتصالي المنزلي محدود بـ 5 جيجابايت يوميًا، فشغّلت كل المهام الثقيلة على Google Cloud Build برصيد برنامج الشركات الناشئة، وشاهد Gemini كل فيديو ليحدد: أي السيارات تظهر، ومن يتكلم، وماذا يقول، وهل السيارة ملكه.
- إنستجرامبيانات وصفية فقط، دون تسجيل دخول
- Cloud BuildGemini يشاهد كل فيديو
- الفهرسسيارات وأصوات وكلاب وغسيل سيارات
- صفحة المراجعةقرار يدوي: إبقاء أو حذف
- القائمة النهائية85 مركبة على ثلاثة طوابق
تحققت من ملكية كل سيارة من لوحاته المميزة «ي ر» واسمه على ملصقات السيارات وكلامه هو. حذفت كل سيارة تبيّن أنها ليست له، ومنها رولز رويس فانتوم، واستبعدت المجسمات والسيارات اللاسلكية.
حوّلت شعاره إلى مبنى، وسطحه حلبة دريفت.
الافتتاحية لقطة واحدة متصلة. تمر طائرة مسيّرة فوق الـ M2 البنفسجية وهي تنجرف حول السطح وسط دخان الإطارات، ثم تهبط إلى المدخل، وهناك يحيى يغسل سيارته الموستانج ومعه كلباه: الكين كورسو والبوميرانيان. يقول «أنتو جاهزين؟ أنا مش جاهز. يلا بينا. بسم الله.»، ثم يرش الماء نحوك فتبتل الشاشة، وتدخل.
صوته حقيقي: جملة واحدة من فيديو له، فصلتها عن الموسيقى ونقّيتها بـ BS-Roformer وDeepFilterNet3. لا استنساخ للصوت، ولا كلمة لم يقلها.
متحف كامل تتجول فيه من جوالك.
WASD أو الأسهم على الكمبيوتر، وعصا تحكم على الجوال، والسحب للنظر، ومفتاح المسافة أو زر «نط» للقفز. سلالم حقيقية تصعد بك إلى كل طابق، ومبدّل للطوابق، واسم كل قسم يظهر بهدوء حين تدخله.
اضغط على أي سيارة، فتدور أمامك.
عند الضغط يختفي كل ما حولها، وتدور السيارة على قاعدة تلتف حولها كما تشاء، ومعها اسمها بالعربية والإنجليزية وسطر يعرّف بها، مثل اللوحة التي أمامها. 83 نموذج سيارة، لكل منها هيكلها الصحيح، فلا ترى سيارة ببابين بأربعة أبواب، وكل نموذج مطلي بلون سيارة يحيى نفسها.
يعمل على الجوال الذي في يد متابعيه.
معظم الزوار سيفتحون الرابط من داخل إنستجرام على جوال أندرويد، فالجوال هو الذي يحدد السقف. لذلك بنيت المتحف بـ Three.js على WebGL2، لأن متصفح إنستجرام الداخلي على أندرويد لا يدعم WebGPU.
- لكل سيارة نسخة خفيفة: 17.9 ميجابايت بدل 64، وبـ 22.6% من المضلعات.
- لا تُحمَّل السيارة بجودتها الكاملة إلا حين تقترب منها: في نطاق 16 مترًا على الكمبيوتر و9 أمتار على الجوال، وبحد أقصى 30 و8 في الوقت نفسه.
- خامات الزجاج كانت تجمّد الشاشة من ثانيتين إلى خمس ثوانٍ، فصرت أزيلها عند التحميل.
- أبطأ إطار 42 ملّي ثانية، ولا إطار يتجاوز 50، في قياس على معالج رسومات بنظام Windows.
- التحميل الأول 14.4 ميجابايت مع عدّاد للتقدم، ويُعاد طلب أي ملف تلقائيًا إذا انقطع، بعد أن قطع خط إنترنت حقيقي اتصال HTTP/3 في منتصف التنزيل.
- استضافة ثابتة على Cloudflare Workers بتكلفة 0 دولار، مع حماية تمنع المواقع الأخرى من تضمين النماذج.
- أكثر من 70 commit، ونحو 4,500 سطر JavaScript للمتحف، وأكثر من 20 سكربت اختبار آلي على Chrome بلا واجهة: المشي والسلالم والتجمد ومستوى التفاصيل واللوحات.
إعلان مدته 65 ثانية، والمحرر الذي بنيته لقصّه.
يبدأ الإعلان بكلماته هو في البودكاست: «نفسي أفتح متحف»، تليها «عشان كده بنيتله واحد»، ثم يدخل المتحف مع الإيقاع. قصصت 14 مقطعًا من 4 برامج إلى 26 جزءًا، وأضفت 44 بطاقة متحركة بخط ثمانية مع الكشيدة وكلمات مفتاحية بالذهبي، وموسيقى ولّدها Lyria من جوجل تنخفض تحت الكلام، ومضبوطة على −14 LUFS لإنستجرام.
فحصت كل نقطة قص بمجسّات صوتية من Gemini ومنحنيات ارتفاع الصوت، فلا تنقطع كلمة ولا يتسرب صوت المذيع. يخرج الإعلان من سلسلة ffmpeg في Node مع تخزين مؤقت لكل جزء، وتسلّم حزمة التصدير مقاطع نظيفة ومسارات صوت منفصلة وترجمة SRT جاهزة لـ CapCut أو Filmora.
التقنيات
- ثلاثي الأبعاد: Three.js (WebGL2) وglTF/GLB ومؤثرات مخصصة للعدسة المبتلة ودخان الدريفت والطريق
- الذكاء الاصطناعي: Gemini لفهم الفيديو والمجسّات الصوتية، وLyria للموسيقى، وHunyuan3D-2.1 لهيكل الجسم الأساسي، وBS-Roformer وDeepFilterNet3 للصوت
- السحابة: Google Cloud Build وCloud Storage، وApify لبيانات إنستجرام الوصفية
- الاستضافة: Cloudflare Workers على نطاق فرعي مستقل
- الفيديو: سلسلة ffmpeg في Node ومحرر متصفح مخصص والتقاط بـ Playwright
- الاختبار: Playwright مع Chrome بلا واجهة على معالج رسومات حقيقي، أكثر من 20 سكربت
حدود العمل، بصراحة
- مبادرة شخصية وهدية. لم يطلبها يحيى رشدان ولم يدفع مقابلها، ولا تعني تأييده لها.
- نماذج السيارات ثلاثية الأبعاد نماذج مجانية برخصة CC BY من Sketchfab (واحد منها CC BY-SA)، ومنسوبة لأصحابها داخل المتحف. نظّفتها وضبطت مقاسها واتجاهها الحقيقيين، وطليت كلًّا منها بلون سيارته، وبنيت لكل منها نسخة خفيفة.
- نموذجان من عملي: عربة الرحلات، صممتها من صوره، وسيارة البهو 280SE كابريوليه، حوّلتها من نموذج W111 سيدان بأربعة أبواب إلى الكابريوليه ذات البابين بمقصورة حمراء.
- نموذج يحيى ثلاثي الأبعاد بدأ بهيكل أساسي ولّده الذكاء الاصطناعي (Hunyuan3D-2.1) من صوره، ثم أعدت تلوينه وجهزته للحركة. أما صوته فصوته هو.
- مقاطع البودكاست في الإعلان ملك للبرامج التي أُخذت منها.
- هذه نسخة أولى من المبنى، وما زلت أعيد تصميم الغلاف الزجاجي. ولا أدّعي أي أرقام زيارات أو انتشار.
الإعلان كاملًا.
65 ثانية بمقاس 9:16 لإنستجرام. شغّل الصوت.