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

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

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

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

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

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

الأرض من صور 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 بسقفه المفتوح وقطاره.

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

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

بالتوقف عند كل محطة من المحطات الـ134 بالدور، أحصى سكربت ما ترسمه مشاهدها: 51,682 شجرة و9,889 شخص و24,228 سيارة، كل منها نسخة من نموذج مشترك، فيكلّف حشد من مئة شخص draw call أو اثنين، لا مئة.

الساعة في أعلى الصفحة مفتاح. شغّلها فتفسح ساعة الدليل المصممة فنيًّا المجال للساعة الحقيقية: الشمس حيث هي فوق هيوستن في هذه الدقيقة، محسوبة على جهازك بمعادلات 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 158 أغنية أصلية للموقع وأنتجتها باستخدام Suno وMureka، موزعة على 9 محطات: honky-tonk و western swing، وكومبيا Tejano و conjunto، و zydeco من Frenchtown، وغوسبل وبلوز Third Ward، وراب H-Town بأسلوب slowed and chopped، وتراب على طبول رقصة الأسد لـBellaire، وأفروبيتس وبوليوود، وياخت روك من ساحل خليج المكسيك، وجاز وديسكو Montrose. تتحدث الكلمات عن أماكن حقيقية في الدليل، ولمعظم الأماكن أغنية خاصة بها تُعزف حين تصل الكاميرا. وقناة إضافية تبث 7 تسجيلات من الملكية العامة: لفائف بيانو لـScott Joplin، وأسطوانات كمان وكانتري من عقد 1920، وأغنية The Yellow Rose of Texas بعزف فرقة خفر السواحل الأمريكي.

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

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

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

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

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

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

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

وبالقياس نفسه، مع التوقف عند كل محطة، يستغرق الإطار 122 draw call على الكمبيوتر و62 على الهاتف، مع احتساب كل تمريرة، بما فيها الظلال والتوهج. وعلى حاسوب الاستوديو المحمول يبلغ ذلك 16 م.ث للإطار بمقاس الكمبيوتر و4.2 م.ث بمقاس الهاتف؛ والهاتف الحقيقي أبطأ، وتتكيف دقته ليواكب.

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

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

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