كواليس صنع Traveling Houston.

حين هبطت Eagle على بحر الهدوء، أعلن Buzz Aldrin “Contact light” (ضوء التلامس) وبدأ الطاقم إجراءات إطفاء المحرك. ثم أرسل Neil Armstrong الرسالة التي كان العالم ينتظرها، وكانت أول كلمة فيها اسم مدينة: “هيوستن، هنا قاعدة الهدوء. لقد هبط النسر.”

لذلك يبدأ الدليل حيث بدأت تلك الجملة، داخل مقصورة المركبة القمرية، على بعد 238,900 ميل. تمرّر، فتسقط طوال الطريق إلى الأرض: عبر الظلام، إلى فجر فوق خليج المكسيك، ثم نزولًا إلى هيوستن مبنية من بيانات خرائط مفتوحة. ومن تلك اللحظة لا تتوقف الكاميرا عن الطيران أبدًا. كل دليل خطة طيران، وكل مكان نقطة عبور تطير إليها الكاميرا فعلًا، عند خط عرضه وخط طوله، وكل انتقال بين الصفحات رحلة طيران عبر المدينة.

حدّدت الخطة، التي كُتبت قبل أول سطر من كود المحرك، أمرين على الموقع أن يثبتهما: أنه أنفع دليل إلى هيوستن على الإنترنت، وأن أحدًا سوانا ما كان ليقدر على بنائه. وكل ما يلي يخدم أحدهما أو الآخر.

يبدأ مشهد الهبوط داخل مقصورة Eagle، التي بُنيت للموقع وفق الأبعاد الواردة في LM News Reference من Grumman: نافذتان مثلثتان مائلتان نحو السهل، واللوحات وقواطع الدوائر، وشاشة DSKY تعرض البرنامج P68 بإحداثيات موقع الهبوط، وعدّاد المهمة عند 102:45:58، لحظة ذلك النداء. تغادر الكاميرا عبر نافذة القائد وتدور حول المركبة فوق السهل.

مرحلة الهبوط في الخارج هي نموذج NASA نفسه للمركبة القمرية من Apollo، في الملكية العامة، من NASA 3D Resources، وقد خُفّض إلى 62,000 مثلث و789 KB وأُعيد تشطيبه هنا: رقائق Kapton كهرمانية وسوداء مجعّدة بنتوء Voronoi 3D، وألومنيوم مؤنود، وانعكاس للأرض المشمسة، وحافة من ضوء الأرض. أما مرحلة الصعود التي تضم المقصورة فأُعيد بناؤها رقعًا من الألواح، وعند الإقلاع تترك مرحلة الهبوط على القمر، كما حدث تمامًا.

الأرض من صور NASA: Blue Marble Next Generation لجانب النهار، و Black Marble للأضواء، وغطاء السحب من NASA، بعرض 4,096 بكسل على الكمبيوتر و2,048 على الهاتف. ومع الاقتراب من تكساس، تندمج فوق خليج المكسيك رقعة بحجم 2,048 × 1,536 من Blue Marble بدقتها الكاملة، 500 متر لكل بكسل. والشمس حيث يجب أن تكون: فجر في هيوستن، والساحل الغربي لا يزال في الظلام. تُفكّ الصور خارج الخيط الرئيسي (main thread) وتُرفع نسيجًا واحدًا في كل إطار، فلا يتعثر السقوط بسببها أبدًا.

عند نقطة دخول الغلاف الجوي، على ارتفاع 400,000 قدم، ينقطع الراديو كما كان ينقطع عن الطواقم ويتوهج الهواء؛ وتحت 100 ميل تصبح قراءات الأجهزة بالأقدام. وتحت ذلك تصير الأرض صورة فوتوغرافية: صور جوية من USDA ضمن National Agriculture Imagery Program، مُجمّعة ومُعدّلة الألوان لتذوب في Blue Marble على امتداد 120 كيلومترًا، مع مسح أدق في الـ30 كيلومترًا الوسطى. أما الساحل فمرسوم من بيانات خرائط المنطقة ومحفوظ كحقل مسافات (distance field)، فيبقى خط الشاطئ ناعمًا على أي ارتفاع، وتبقى السحب وظلالها حتى تنزل عبر 15,000 قدم.

هيوستن هنا هي OpenStreetMap: 75,839 من مخططات المباني في Downtown و Midtown و Museum District، و Medical Center، و Montrose، و Uptown، و EaDo والملاعب، و Space Center، و San Jacinto و Kemah. يرتفع كل مبنى إلى ارتفاعه المسجّل حيث تسجّله الخريطة (وهي تفعل ذلك لـ 1,842 منها، ومنها الأبراج)، وإلى ارتفاع يناسب نوعه حيث لا تسجّله. وتحمل الطرق السريعة 22,000 ضوء من حركة المرور، أبيض في اتجاه وأحمر في الآخر (7,000 على الهاتف)، أما البايو و Ship Channel وخليج Galveston فمن البيانات نفسها.

يُصنَّف كل مبنى حسب مخططه وارتفاعه (بيت، سقيفة، كتلة تجارية) ويُطلى من لوحة ألوان هيوستنية من ست درجات، بأسطح أدكن ووحدات على الأسطح، وشبكات نوافذ على كل ما يزيد على 12 مترًا، وواجهات زجاجية بلون رمادي مزرق أو برونزي أو أخضر أو فضي. وفي الليل تضيء النوافذ. أما المعالم فنماذج بُنيت وفق أبعادها المنشورة: San Jacinto Monument، وصاروخ Saturn V في قاعته، والمكوك فوق طائرته 747، و Astrodome، و Daikin Park بسقفه المفتوح وقطاره.

ثم المحطات. كل مكان في الأدلة، باستثناء Space Center و Daikin Park والأماكن الخمسة في Bellaire Boulevard التي لها نماذجها الخاصة، يعيد بناء مربعه من OpenStreetMap حين تتجه الكاميرا إليه: 130 مشهدًا، و8,251 مبنى على مخططاتها وأسطحها الحقيقية. واجهة حسب الاستخدام والمادة، وزجاج متجر وباب في الجدار المطل على شارع العنوان، واسم المكان الحقيقي على لافتته وأسماء الجيران المسجلة في الخريطة على لافتاتهم؛ وشوارع بخطوطها، ومواقف بخاناتها وسياراتها المركونة، وما يوجد عادة خارج هذا النوع من الأماكن: مشاوي الباربكيو وطاولات النزهة، وأسلاك الإضاءة، وفناء خارجي. واثنا عشر مكانًا حظيت بقطعة مصممة خصيصًا.

وحظي Bellaire Boulevard بشارع خاص به، من Kirkwood إلى Gessner: الاتجاهان والجزيرة الوسطى المزروعة بالبلوط، وحركة مرور بخطوط ضوئية، وكل مبنى تجاري واجهة مجمّع تجاري مضاءة تحمل أسماء مستأجريها كما في الخريطة، ولافتات أعمدة لاثني عشر مجمّعًا، وأذرع إشارات مرور بلافتات شوارع بالإنجليزية والفيتنامية غرب Beltway وبالإنجليزية والصينية شرقه، وبوابة paifang وفوانيس Hong Kong City Mall، و Vietnam War Memorial، و Teo Chew Temple.

الساعة في أعلى الصفحة مفتاح. شغّلها فتفسح ساعة الدليل المصممة فنيًّا المجال للساعة الحقيقية: الشمس حيث هي فوق هيوستن في هذه الدقيقة، محسوبة على جهازك بمعادلات NOAA لموقع الشمس، والطقس كما رصدته National Weather Service آخر مرة في مطار Bush Intercontinental، بطلب صغير واحد كل عشر دقائق. الغيوم الكثيفة تجعل الضوء رماديًا وتُبهت الظلال، والضباب يقترب، والمطر يخطّ على العدسة.

الطائرات فوق المدينة حقيقية. كل طائرة ضمن 60 ميلًا بحريًا من Downtown (حركة IAH و Hobby، والمروحيات فوق Medical Center، والرحلات العابرة على ارتفاع 40,000 قدم) تطير في موقعها وارتفاعها ومسارها كما تبثها، من أجهزة استقبال المتطوعين في adsb.lol، مع تحديث كل عشر ثوانٍ وتقدير الموقع بينها، فينساب الموقع الجديد بدلًا من أن يقفز. ووسيط صغير (proxy) على الخادم يسأل مرة كل عشر ثوانٍ مهما كان عدد المشاهدين، ويختصر الإجابة إلى ما يرسمه المحرك، ويستبعد الطائرات المشمولة ببرامج الخصوصية لدى FAA. ولا يُرسَل أي شيء عن الزائر.

يأتي جدول Astros من Stats API التابع لـ MLB كل ليلة. تعرض محطتا Daikin Park المباراة التالية على أرضه، ولا تسميها Opening Day إلا إذا أكّد ذلك استعلام ثانٍ، وفي الصباح التالي لفوز على أرضه تطول الألعاب النارية فوق الملعب دفعة إضافية، بالبرتقالي والأزرق والأبيض.

الموقع الثابت يتجمد في يوم بنائه، لذا يُبنى هذا الموقع كل يوم: يُعاد بناء النسخة المصدَّرة قبل الفجر بتوقيت هيوستن وتُنشر، وتعيد لوحة الفعاليات والفعاليات الست التالية في الصفحة الرئيسية فحص التاريخ في المتصفح، فتتنحى الفعالية التي انتهت منذ البناء. لا شيء في الموقع مؤرَّخ يدويًّا.

كتبت Digital Wonders 155 أغنية أصلية للموقع وأنتجتها باستخدام Suno و Mureka، موزعة على 9 محطات: honky-tonk و western swing، وكومبيا Tejano و conjunto، و zydeco من Frenchtown، وغوسبل وبلوز Third Ward، وراب H-Town بأسلوب slowed and chopped، وسيتي بوب فيتنامي، وأفروبيتس وبهانغرا، وياخت روك من Gulf Coast، وجاز وديسكو Montrose. تتحدث الكلمات عن أماكن حقيقية في الدليل، ولمعظم الأماكن أغنية خاصة بها تُعزف حين تصل الكاميرا. وقناة إضافية تبث 7 تسجيلًا من الملكية العامة من 1916 إلى 1924.

يتبع المؤشر الكاميرا. حين تضيء علامة أحد الأماكن، يعيد الراديو الضبط على المحطة التي ينتمي إليها ذلك المكان، وإن كانت للمكان أغنيته الخاصة دخلت مباشرة عند أول لازمة. كل أغنية نسخة إذاعية مختصرة (radio edit) تبدأ قُبيل أول سطر مُغنّى وتنتهي بعد آخر سطر بقليل، مقصوصة وفق التوقيتات في كلماتها المتزامنة ومضبوطة على −16 LUFS. لكل دليل قائمة أغانٍ، ولا تتكرر فيها أغنية.

وتحت الموسيقى أصوات Apollo الحقيقية، 6 تسجيلًا من NASA من Wikimedia Commons بين نغمات quindar (“لقد هبط النسر”، والخطوة الأولى، و Apollo 8 في طريق العودة)، وخلفية صوتية تُركَّب مباشرة في Web Audio وتتبع ساعة الكاميرا وسرعتها: هسيس الراديو في المدار، والريح فقط حين تتحرك فعلًا، وحركة المرور والطيور نهارًا، والزيز عند الغسق، والصراصير ليلًا. ينتظر الصوت لمستك الأولى. والعنوان الخاطئ يهبط بك على Apollo 13، تائهة في الفضاء، مع الحلقة الحقيقية “هيوستن، واجهتنا مشكلة”، وحجمها كله 45 kB.

في الموقع كله سياق WebGL واحد. المدينة هي المنظر الخلفي؛ وكل لعبة منظر مرتبط بمستطيل من الصفحة ومرسوم في اللوحة نفسها بقصّ (scissor)، فتُتشارك الأنسجة ولا يُبلغ أبدًا حد السياقات في أي متصفح. أما القطع التي تملأ الشاشة فأطرافها متلاشية: يُنسخ العالم مرة في كل إطار ويُعاد وضعه فوق حوافها.

تُترجَم المظلّلات (shaders) بالتوازي، خارج الخيط الرئيسي، قبل رسم أي شيء جديد: المدينة وأنت لا تزال في الفضاء، وكل مشهد محطة وكل مربع خريطة لحظة وصوله. وتقرأ الدقة التكيفية وسيط نوافذ مدتها ثانيتان، وعند حدها الأدنى تتخلى عن حجم خريطة الظلال ثم عن التوهج (bloom). ولا يُحمَّل three.js و GSAP و Lenis أبدًا في التحميل الأول؛ فكل صفحة HTML مكتملة قبل وصولها.

أغرب خلل كان مربعًا أسود يومض فوق بار واحد في Downtown، هو La Carafe. كان بكسلًا واحدًا ليس رقمًا: مع تعدد العينات (multisampling)، كان مظلّل مباني المحطات يستقرئ قيمه خارج حافة المثلث، فنشرت مرحلة التوهج قيمة NaN تلك إلى مربع كامل. والآن كل قيمة تُستكمل تحت التوهج مُعرَّفة centroid، وماسح يقرأ مدخلات التوهج عند كل واحدة من المحطات الـ130 بحثًا عن أي قيمة ليست رقمًا منتهيًا.

كل صفحة مكتملة من دون الطبقة 3D، فهي للزينة: اللوحة مخفية عن التقنيات المساعدة وكل معلومة نص حقيقي. ومع تقليل الحركة تنتقل الكاميرا مباشرة بدلًا من الطيران. لا يُبلغ axe-core عن أي مخالفة في الصفحات المدققة بمقاسي الكمبيوتر والهاتف، ولأن axe لا يرى ما في المشهد 3D، يُقاس التباين على الحروف نفسها، إطارًا بإطار، فوق المدينة المتحركة. ولا شيء يُقتطع أو يُصغَّر على هاتف بعرض 320 بكسل.

والمشروع كله نسخة ثابتة مصدَّرة على استضافة مشتركة عادية: روابط نظيفة من ملف .htaccess، ووسيط حركة الطيران في ملف PHP واحد، ودفعة (push) إلى main تصبح مباشرة في نحو دقيقة، وأكثر من مئة اختبار وحدة (سلامة المحتوى، وإسقاط الخريطة، وساعة مشهد الهبوط، وكل لقطة كاميرا، وكل عنوان يتسع لأصغر هاتف) تعمل قبل كل نشر.

حين أصبح الموقع مباشرًا أخضعناه لمراجعتنا الصارمة الخاصة، بالطريقة التي تحكم بها لجان تحكيم التصميم: التصميم، وسهولة الاستخدام، والإبداع، والمحتوى. وصمد الإبداع والمحتوى أكثر من غيرهما. وخرجت المراجعة بعشرين تغييرًا مرتبة حسب الأولوية وقائمة بما يجب الحفاظ عليه: الافتتاح في المقصورة، والخطوط، والأرض من الفضاء، وصفحات الأماكن، و Lotería، وصفحة 404.

سمّت المراجعة أضعف المشاهد بوضوح، وهي التي أُعيد بناؤها. كان الوصول يحط على سطح مستوٍ بلون الزيتون وساحل متدرج كالسلالم؛ وهو الآن الصورة الجوية في القسم 2، بساحل منعّم من حقل مسافات وسحب تنفرج كلما نزلت. وكانت المركبة القمرية كومة من الصناديق مع بيضة ذهبية في دور الخزان؛ وهي الآن نموذج NASA نفسه، بعد إعادة تشطيبه. وكانت المدينة صندوقًا بيجيًّا واحدًا مكررًا؛ وهي الآن مصنفة وملونة ومزججة ومضاءة.

وكانت الصفحات طويلة. انتقلت الصفحة الرئيسية من 58 شاشة إلى 48 على الكمبيوتر (من 69 إلى 54 على الهاتف)، وفقد كل دليل نحو ربع طوله، وصار شريط المحطات وسيلة للقفز، والمفتاحان J و K ينتقلان إلى المحطة التالية والسابقة، ورابط هادئ “تخطَّ إلى هيوستن” يقع تحت الافتتاح. ومنحت الجولة نفسها كل نوع من الصفحات أداة خاصة به: لوحة مغادرة مباشرة بأحرف متقلبة (split-flap) للفعاليات، وبطاقة صعود لخطتك، ولوحات أجهزة للإحاطة، وشارة نهاية لصفحة “عن الموقع”.