TravelingHouston

INF · 制作说明

这一切 是怎么做成的。

Traveling Houston 既是一本城市指南,也是一次飞行。十四份 Top 10 榜单中的138个地点和77场活动,每一项都于2026年9月对照其官网和近期报道核实过,全部置于一座用开放地图数据搭建的 3D 休斯顿之中。

片尾字幕

Traveling Houston

一本指南,一次飞行

网站是怎么做出来的,一节一节讲,数据取自网站本身:Traveling Houston 幕后制作。

调研

每个地点都核实过在2025年或2026年仍在营业,然后重新撰写:它是什么地方,去了做什么或点什么,外加一条实用贴士。无法确认的事实宁可不写,也不去猜;细节仍在确认中的地点,会在各自页面上注明。营业时间和价格会变;每个条目都附有官方来源的链接。本指南中没有任何内容是赞助或付费的。

地图

建筑、高速公路、河湾、湖泊和公园
© OpenStreetMap 贡献者,依据 Open Database License 使用
海岸线和地球
Natural Earth(公有领域)
1991年至2020年气候平均值,IAH 气象站
NOAA National Centers for Environmental Information
人口
U.S. Census Bureau 估算数据
城市上空的实时飞机:60海里内的位置、高度和航迹,每十秒刷新一次;参与 FAA 隐私计划的飞机不予显示
adsb.lol 的志愿者接收站,依据 Open Database License
METRORail 的三条线路及其列车,按时刻表显示它们此刻所在的位置
METRO* 静态 GTFS 时刻表。线路和到站数据经 METRO 许可提供。*METRO 是 Metropolitan Transit Authority of Harris County 的注册商标。
活动信息屏上的音乐会、比赛和演出,每六小时刷新一次
Ticketmaster Discovery API;公园活动取自 Buffalo Bayou Partnership、Hermann Park Conservancy、Memorial Park Conservancy、Houston Arboretum 和 Midtown Houston 的日程
Houston Ship Channel 和 Galveston Bay 上的实时船只:按船只自己广播的信息显示位置、航向、航速和尺寸
AIS,经由 aisstream.io

地标(San Jacinto Monument、土星五号火箭、背在747上的航天飞机、Astrodome)是依据公开尺寸搭建的建筑模型。

构建

页面
Next.js、React 和 TypeScript
世界
three.js,通过同一个 WebGL 画布绘制,每个游戏都是其中的一个视图
动效
GSAP 和 Lenis
声音设计
Web Audio,在浏览器中实时合成,收音机的混音也在这里完成
字体
Archivo、Instrument Serif 和 IBM Plex Mono;越南语版的斜体使用 Newsreader,阿拉伯语版使用 IBM Plex Sans Arabic 和 Noto Naskh Arabic,中文版则使用读者设备自带的系统字体

没有生成或伪造任何真实地点的照片;模型下方的卫星和航空影像来自 NASA 和 USDA,已在此注明。

五种语言

Traveling Houston 还有西班牙语、越南语、中文和阿拉伯语版本,献给说这些语言的这座城市和来访的客人:约44%的休斯顿人是西语裔,Bellaire Boulevard 既是全美最大的越南裔社区之一的中心,也是休斯顿讲中文的亚洲城所在,还有来自阿拉伯世界各地的家庭为 Texas Medical Center 来到休斯顿。各语言版本在 AI 协助下专为本站翻译,并与英文版核对一致,所有事实仍以英文版为准;接下来将由母语者审读。地点、菜品和项目的名称保持原样。发现哪句读着不对劲?告诉我们。

收音机

角落里的调频盘有九个电台,播放原创歌曲,共155首,由 Digital Wonders 专为本站创作。27首电台歌曲用 Suno 制作:honky-tonk、western swing、newgrass 和得州布鲁斯摇滚,Tejano cumbia、conjunto 和 mariachi,Frenchtown 的 zydeco,Third Ward 的福音和布鲁斯,慢放切碎(slowed and chopped)的 H-Town 说唱,越南城市流行,Afrobeats 和 bhangra,墨西哥湾沿岸的冲浪摇滚和游艇摇滚,还有 Montrose 的爵士、灵魂流行和迪斯科。128首地点歌曲用 Mureka 制作,每首都为指南中的某一个地点而写,从献给一份地中海品鉴菜单、带着法朵(fado)韵味的抒情曲,到献给 Bolivar 渡轮的水手号子。歌词写的都是指南里的真实地点,镜头抵达每个站点时,就会播放它自己的歌,直接从副歌切入。

任务控制中心的声音

阿波罗11号,着陆
NASA · Wikimedia Commons
“鹰已着陆”(The Eagle has landed)
NASA · Wikimedia Commons
阿姆斯特朗迈出的第一步
NASA · Wikimedia Commons
阿波罗11号发射日,经由 Canary 站
NASA · Wikimedia Commons
返航途中的阿波罗8号
NASA · Wikimedia Commons
阿波罗13号,“休斯顿,我们出了个问题”(用于错误地址页面)
NASA · Wikimedia Commons

真实的声音:NASA 录音,公有领域,来自 Wikimedia Commons。

开场中的地球

Blue Marble Next Generation(2004年7月)
NASA Earth Observatory
Black Marble 2016
NASA Earth Observatory
Blue Marble 云层
NASA Earth Observatory
城市下方的地面:休斯顿地区航空影像,National Agriculture Imagery Program(NAIP),公有领域
USDA Farm Service Agency,经由 USGS The National Map 提供
登月舱的下降级、RCS 推进器和天线,在此以箔片和铝材重新处理表面;上升级和舱内为本站专门制作
NASA 3D Resources,依据 NASA 媒体使用指南使用;不代表 NASA 为本站背书

同样来自 NASA:NASA Earth Observatory 的卫星影像,公有领域。

档案馆

“Sallie Johnson / Billy in the Low Ground”
Eck Robertson, 1922
“Arkansaw Traveler”
Henry C. Gilliland and Eck Robertson, 1922
“Wreck of the Old 97”
Vernon Dalhart, 1924
“The Prisoner's Song”
Vernon Dalhart, 1924
“Maple Leaf Rag”
Scott Joplin (piano roll), 1916
“The Entertainer”
Scott Joplin, composer (piano roll), 1902
“The Yellow Rose of Texas”
United States Coast Guard Band, 1858

第10频道播放公有领域唱片,来自 Wikimedia Commons。

站点实地录音

New York State Sheep & Wool Festival上的一位牲畜拍卖师,2010年,由gezortenplotz录制
CC BY 3.0

Houston Hits

收音机的点唱机收录了真实的休斯顿和得州唱片。它们属于各自的艺术家和唱片公司,所以本站不托管、不采样、也不翻录任何一首:每首都通过 Spotify 自己的嵌入式播放器播放,只在你按下播放时才加载(未登录 Spotify 的听众听到的是试听片段)。

无障碍

每个页面在没有 3D 层时都是完整的,3D 层只是装饰。每个游戏都支持键盘操作,读指南也不需要玩任何一个。开启“减少动态效果”后,镜头会直接切换,不再飞行。

隐私

没有账户,没有追踪。你保存的计划存放在你自己的浏览器里(localStorage),绝不会离开它。

出品方

Digital Wonders

Houston, Texas

做它,是为了展示一个网站可以是什么样子。重新开始飞行。