TravelingHouston

INF · 制作说明

这一切 是怎么做成的。

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

片尾字幕

Traveling Houston

一本指南,一次飞行

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

调研

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

实时,此刻

实时视角:点按“实时”,镜头飞往此刻的休斯顿。每架飞机的标签显示航空公司的呼号;私人飞机只显示机型,从不显示注册号
adsb.lol,依据 Open Database License
加尔维斯顿 Pier 21 的潮位,每六分钟一次读数,单位为高于平均较低低潮面的英尺。在第 25 街的海滩上,水边线按水位升幅除以海滩坡度移动,据 USGS 激光雷达约为 1 比 50,每个方向最多 0.3 m
NOAA Tides and Currents,测站 8771450(公有领域)
Shepherd Drive 处的布法罗河,当水位比该测站一年中这一天的中位数(1988 至 2025 年)高出 2 英尺或以上时才会提及
U.S. Geological Survey,站点 08074000(公有领域)
Toyota Center、Shell Energy Stadium 和 Reliant Stadium 截至 2026 年 11 月 30 日的主场比赛,于 2026 年 10 月 15 日抄录自各俱乐部公布的赛程;时间可能变动
Houston Rockets、Houston Texans、Houston Dynamo FC、Houston Dash

页眉下方以“实时”开头的那一行,是在你浏览时从公开来源读取的:National Weather Service 在布什洲际机场最近一次的观测天气、加尔维斯顿的潮位、布法罗河水位偏高时的提示、城市中正在绘制的飞机,以及今晚的主场比赛。潮位和河水位经由本站自己的服务器获取,它为所有人只询问一次,不会传出任何关于你的信息。

数据只在新鲜时显示:天气在观测后 2 小时内,潮位在 30 分钟内,河水位在 150 分钟内。来源出错或延迟时,该项会从这一行中消失,直到恢复。在三维城市中,潮位会移动海堤海滩上的水边线;比赛进行时,入夜后场馆上空会亮起比赛灯光。页眉中的实时天空开关还会用休斯顿真实的太阳和天气照亮城市。

地图

建筑、街道、高速公路、河湾、湖泊和公园
© OpenStreetMap 贡献者,依据 Open Database License 使用
海岸线和地球
Natural Earth(公有领域)
1991年至2020年气候平均值,IAH 气象站
NOAA National Centers for Environmental Information
人口
U.S. Census Bureau 估算数据
实时天空中的天气:取自布什洲际机场的最新观测,没有时改用 Hobby 或 Sugar Land,每十分钟更新一次
National Weather Service(美国国家气象局)
城市上空的实时飞机: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 的日程
太空人队(Astros)在 Daikin Park 的主场比赛
美国职业棒球大联盟公布的赛程,手工抄录自 mlb.com
Houston Ship Channel 和 Galveston Bay 上的实时船只:按船只自己广播的信息显示位置、航向、航速和尺寸
AIS,经由 aisstream.io

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

构建

页面
Next.js、React 和 TypeScript
世界
three.js,通过同一个 WebGL 画布绘制,每个游戏都是其中的一个视图
动效
GSAP 和 Lenis
声音设计
Web Audio,在浏览器中实时合成,收音机的混音也在这里完成
休斯顿主题的乐器:收音机各电台的台标音乐、抵达城市上空之时、Top 10 的各站及其终章
Frank Wen 的 FluidR3_GM 音色库,由 Benjamin Gleitz 每个音符渲染为一个文件(midi-js-soundfonts),采用 CC BY 3.0 许可
字体
Archivo、Instrument Serif 和 IBM Plex Mono,开场标题中的名称使用 ffeeaarr 的 Trickr Logo(可免费商用),其下方文字使用 Astigmatic 的 Syncopate(Apache 2.0);越南语版的斜体使用 Newsreader,阿拉伯语版使用 IBM Plex Sans Arabic 和 Noto Naskh Arabic,中文版则使用读者设备自带的系统字体
绕桶赛中的马和骑手(带骨骼的模型,在此摆姿并重新上色)
Quaternius 的 “Horse” 和 “Animated Woman”,CC0,来自 Poly Pizza
休斯顿动物园的大象、长颈鹿、象龟、短吻鳄和火烈鸟,以及布拉索斯湾的短吻鳄(模型在此简化、制作动画并重新上色)
Dhruvin743 的 “Asian Elephant”、Kapi777 的 “Giraffe+motions” 和 Avidwilsonvi 的 “Tortoise PM”、dinomaster 的 “Alligator animation” 和 fudailshajahan 的 “Flamingo”,CC BY 4.0,来自 Sketchfab
近处的人物(以建模人物绘制时;在此简化、重新着色,并以其自带的动作捕捉驱动)
Microsoft Rocketbox Avatar Library,© 2020 Microsoft,MIT 许可证
阿曼德河口的野牛、乔治牧场的长角牛和马、公园与露台上的狗、加尔维斯顿的海鸥,以及玻利瓦尔渡轮旁的海豚(模型在此简化、制作动画并重新上色)
victory_mirosya 的 “БИЗОН BISON” 和 “Dog”、Kapi777 的 “Cow+motions”、antemeossa 的 “Rigged Mid Poly Horse”、deathcow 的 “1 seagull”、DigitalLife3D 的 “Model 61A - Bottlenose Dolphin”、alexanders823 的 “Crow”、jrshah 的 “Blue Heron”、Nyilonelycompany 的 “Duck_Walk (Free)” 和 marvelvsdcvscapcomvssega 的 “Running Squirrel Turned Into Stone”,CC BY 4.0,来自 Sketchfab
以模型绘制的汽车、皮卡、厢式车、箱式货车和公交车(在此简化、调整尺寸并重新上色,并去除贴花)
comrade1280 的 “Generic passenger car pack” 和 “Generic civil service vehicles pack”,以及 NNXST 的 “2017 Allerauto Wolf (Interior coming soon!)”,CC BY 4.0,来自 Sketchfab;Quaternius 的 “Truck”,CC0,来自 Poly Pizza
车流中和酒吧门前的摩托车与踏板车(模型在此简化并重新上色)
comrade1280 的 “Honda NR750 1994”、EmanuelRestrepoVelez 的 “Harley Davidson Iron 883 2018” 和 jake.martinez 的 “MOPED Derbi DS-50 Scooter”,CC BY 4.0,来自 Sketchfab(Objaverse)
The Next Act 的乐器和舞台设备:架子鼓、吉他和贝斯、键盘、话筒和话筒架、返听音箱、音箱放大器、线阵列音箱和低音炮、桁架和灯具(模型在此简化并重新处理)
Serg.Morgun 的 “Drum Kit”,GRIP420 的 “MK2 1210 Turntable - Old”,gusnk 的 “DJ Mixer Lowpoly”,TehMerow 的 “Yamaha Dx7”,GRIP420 的 “Shure SM58”,sousinho 的 “Stage Monitor Speaker” 和 “Stage Speaker - black”,Wilmer.Jose.Saumeth.Suarez 的 “Line Array”,dr.badass2142 的 “Laptop (FREE)”,Ankledot 的 “Headphones Skullcandy Crusher Wireless”,akerStudio 的 “Square Truss Straight Segment 21”,daniyalmalik 的 “Stage Light”,CC BY 4.0,来自 Sketchfab(Objaverse)
“生成我的影片”:把行程保存为 MP4 或 WebM 影片(在浏览器中封装)
Vanilagy 的 mp4-muxer 和 webm-muxer,MIT 许可证,MIT 许可证

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

五种语言

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

收音机

角落里的调频盘有九个电台,播放原创歌曲,共158首,由 Digital Wonders 专为本站创作,用 Suno 和 Mureka 制作。20首 Suno 歌曲为各电台而写:honky-tonk、western swing、newgrass 和得州蓝调摇滚,Tejano cumbia、conjunto 和 mariachi,Frenchtown 的 zydeco,Third Ward 的福音和蓝调,一首 H-Town 说唱主题曲,Afrobeats,墨西哥湾沿岸的冲浪摇滚和游艇摇滚,还有 Montrose 的爵士和灵魂流行。138首 Mureka 歌曲包括为整个调频盘而写的11首热门歌曲、126首地点歌曲,每首都为指南中的某一个地点而写,从献给 Bellaire Boulevard 的舞狮鼓 trap、献给一份地中海品鉴菜单的布祖基琴与达布卡鼓舞曲,到献给 Bolivar 渡轮的水手号子,还有 Bring It Back,一首为 Astrodome 想象中的下一幕而写的 crunk 呐喊曲。电台两种歌都播。歌词写的都是指南里的真实地点,有专属歌曲的站点,镜头抵达时就会播放它,直接从副歌切入。从月球下降的一段有自己的配乐,一首同样用 Mureka 制作的器乐曲:起初像是隔着舱壁听见,随着你向城市坠落,声音渐渐打开。

任务控制中心的声音

阿波罗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
阿波罗11号下降段的公共事务频道录音,102:31至102:47:“让鹰号着陆”中的警报和呼叫
NASA · Apollo Lunar Surface Journal

真实的声音: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 为本站背书
Top 10 终曲中由城市灯光组成的月球:正面亮度取自 CGI Moon Kit(LRO 相机数据)
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, 2006

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

站点实地录音

New York State Sheep & Wool Festival 上的一位牲畜拍卖师,2010年,由 gezortenplotz 录制
CC BY 3.0
约翰·F·肯尼迪,在 Rice University 发表的关于国家太空事业的演讲,1962年9月12日;约翰·F·肯尼迪总统图书馆
Public domain
约翰·F·肯尼迪,在 Rice University 发表的关于国家太空事业的演讲,1962年9月12日;约翰·F·肯尼迪总统图书馆
Public domain
约翰·F·肯尼迪,在 Rice University 发表的关于国家太空事业的演讲,1962年9月12日;约翰·F·肯尼迪总统图书馆
Public domain
Laura Smalley 访谈,得克萨斯州 Hempstead,1941年,John Henry Faulk 录制;美国国会图书馆 American Folklife Center
No known restrictions (Library of Congress)
Cleofé López 与 Eulalia Martínez,《La vida del bandido》,John 与 Ruby Lomax 录制,1939年4月9日;美国国会图书馆
No known restrictions (Library of Congress)
Bohn、Schmidt-French、Schwartz、Smotherman、Pollak,《Versatility and Stereotypy of Free-Tailed Bat Songs》,PLoS ONE,2009年
CC BY 2.5
Red-shouldered Hawk,佛罗里达州 Gainesville,1997年,G. McGrane 录制
Public domain
美国鱼类及野生动物管理局声音资料库
Public domain

各地环境声:实地录音

“Cicadas in backyard of Briar Hills”
dpattonwhite, Atlanta, Georgia · CC0
“DMP010037 CRICKETS TEXAS”
martypinso, Texas · CC0
“AMBSubn-Summer_Golf Course at Night, crickets, frogs, insects, distant traffic_QCF_Gulf Shores Alabama_Zoom H1n”
treytatum3, Gulf Shores, Alabama · CC0
“crowd ext medium courtyard terrasse restaurant spanish voices slight echo walla Oaxaca, Mexico”
kyles, Oaxaca, Mexico · CC0
“AMBSwmp_Lake Water Lapping at Rocks with Surrounding Fauna_HushAndHarmony”
HushAndHarmonyNow, Brazoria National Wildlife Refuge, Texas · CC BY 4.0
“WATRSurf-Gulf of Mexico_Predawn Beach, calm surf 530AM_QCF_Gulf Shores Alabama_Zoom H3VR”
treytatum3, Gulf Shores, Alabama · CC0
“Bats Houston”
elkinjn, Houston, Texas · CC0
“Distant Highway Sound.”
Tom_Kaszuba · CC0
“rain heavy porch full steady”
kyles · CC0
“High Force Waterfall, Bottom of Gorge, Massive Roar, Teesdale UK - Stereo”
Hear_it_use_it, Teesdale, England · CC BY 4.0
“WALLA Ballpark Chatter”
AshFox, Rangers Ballpark in Arlington, Texas · CC BY 3.0
“Campfire 02”
HECKFRICKER · CC0
“Large Crowd at an Outdoor Reception”
timothyd4y · CC0
“thunderstorm texas”
LV121, Texas · CC0
“Excellent thunder & rain 25 Sept ’21”
gepetto3548, Dordogne, France · CC0
“Jet Cabin During Flight”
CHallSmith, a Boeing 737 in flight · CC0
“Boeing 737-800 Takeoff (inside)”
Walking.With.Microphones, a Boeing 737-800 cabin · CC BY 4.0
“Inside Airplane.wav”
Mrthenoronha, an airliner cabin · CC0
“Plane Landing.mp3”
courter, a Boeing 737 landing at Raleigh-Durham · CC0
“Landing approach Airbus A350-900 extend landing gear”
Marschal, an Airbus A350-900 on approach to Vienna · CC0
“In the cabin of an Airbus A350-900 landing flaps are adjusted during the approach for landing”
Marschal, an Airbus A350-900 on approach · CC0
“Downtown LA 12”
Williebug, downtown Los Angeles · CC0
“SummerWindThroughOakLeaves41HzSampleRateJuly21st2018.WAV”
kvgarlic, a Midwestern forest of oak, beech and pine · CC0
“Air Conditioner Fan Hum.wav”
LilMati, an air conditioner fan · CC0
“bbq rumble sizzle 09.flac”
TRP, meat on a barbecue · CC0
“Birds_Great-Tailed Grackle Ixtapa.wav”
fredrummer, Ixtapa, Mexico · CC0
“Bird-one Mockingbird with many songs.wav”
Bansemer, a single mockingbird · CC0
“Mourning Doves Palm Springs.wav”
JoeMilner, Palm Springs, California · CC0
“AMBSea-Summer_migratory bird nesting area at the beach, birds, distant boat traffic, morning, Perdido Pass_QCF_Gulf Shores Alabama”
treytatum3, Perdido Pass, Gulf Shores, Alabama · CC0
“AMBUrbn_URBAN Light Rail Train Sounds, Crosswalk Bells, PA Voice and Urban Traffic”
HushAndHarmonyNow, METRORail by Hermann Park, Houston · CC BY 4.0
“Ship Horn.mp3”
Grotelue, a cruise ship in the harbor of Hamburg · CC0
“ship horn.wav”
monotraum, a seaport · CC0
“Train passing at 200 meters with loud horn, rail vibration, crickets and road hum, recorded at night in Pampa, Texas”
felix.blume, Pampa, Texas · CC0
“Passing Car (Wet road)”
Breviceps, a wet road · CC0

Houston Hits

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

无障碍

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

隐私

没有账户。你保存的计划存放在你自己的浏览器里(localStorage),只有当你以链接形式分享时才会离开它。

本站用 Umami 统计访问量:它不使用 Cookie,也不在你的设备上存储任何内容。它只会收到读了哪个页面、你从哪个网站来、你的屏幕尺寸和浏览器语言,以及少数几个操作(打开路线、把一站加入计划、分享明信片),每个地址都在 ? 或 # 处截断,你输入的任何内容都不会发送。发出“请勿追踪”(Do Not Track)请求的浏览器不计入。

页面上出了问题时,会向 Sentry 发送一份错误报告以便修复:哪里出错、在 ? 或 # 处截断的页面地址,以及浏览器和设备类型。报告不包含你的 IP 地址、Cookie,也不包含你输入的任何内容。

使用条款

本站的 3D 世界及其中的模型、纹理和其他素材,仅供你在浏览器中探索。任何部分都不得被提取、下载再利用或在本站以外使用,也不得用于训练人工智能。其中部分内容由第三方授权使用,包括 MetaHuman 角色和依 Fab Standard License 授权的素材,其许可条款要求如此。

出品方

Digital Wonders

Houston, Texas

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