我的旅行路线 · 从桂林到圣地亚哥的动画MV
把正在进行中的西班牙之旅做成一部可以播放的地图动画MV：卫星影像上辉光路线逐段展开，彗星拖尾走过朝圣之路最后100公里，背景音乐是 Web Audio 实时合成的贝多芬《欢乐颂》——旅程还没结束，作品已经上线。
研究说明：本文在研究与写作过程中可能参考了人工智能大模型的辅助输出，观点与结论均经人工审核。
缘起：一段还没走完的旅程
2026 年 10 月，高峰博士正在西班牙。这不是一趟普通观光：从桂林出发，经深圳、重庆飞抵马德里，再一路南下安达卢西亚、西行里斯本与罗卡角，然后北上波尔图，从图伊踏上去圣地亚哥朝圣之路葡萄牙线的最后 100 公里——步行，最后飞巴塞罗那回家。全程 13 段行程、6 种交通方式，跨越亚欧大陆数万公里。
几天前（10 月 19 日），这趟旅程中的塞维利亚大教堂照片已经「随手」变成了一座线上小展馆（本栏目 01 号作品）。这一次的想法更进一步：能不能把整段旅程本身做成一部 MV——像电影片头那样，在卫星影像上把走过的路一段段画出来，配上音乐？
10 月 22 日晚，这个想法在旅途中被交给了 AI。当时旅程还没有走完——里斯本到波尔图的大巴是「明天」的车票。
一夜之间的流水线
项目文件的时间戳记录了这场跨夜的协作：22 日 22:59 音乐引擎成型，23 日清晨 06:05 整站收工。AI 交付了一个完全自包含的静态小站：
地图与动画（Leaflet + 卫星影像）。以 Esri 卫星影像为底图，13 段行程按真实坐标绘制：已走过的路段是绿色实线，未走的是天蓝虚线，进行中的一段由「彗星拖尾」的光点实地走过——飞机段沿大圆弧线飞行并实时旋转航向，朝圣段则是一串步行的点线。每抵达一座城市，泛起一圈脉冲波；每段行程配一张电影字幕卡，讲这一段的故事。
音乐（Web Audio 实时合成）。背景音乐是贝多芬《欢乐颂》——16 小节完整主题，接高八度琶音变奏，再进庄严全奏版，循环往复。没有一个音频文件：每一个音符都是浏览器里的振荡器实时合成的，全站因此只有几十 KB。朝圣的终点配上《欢乐颂》，是 AI 埋的一个小小致意。
交互（播放器级的控制）。播放 / 暂停 / 重播 / 全程总览 / 音乐开关，速度 0.5×–8× 无级可调；左侧行程段列表点击即跳转到对应段落播放，底部总进度条按真实里程（Haversine 球面距离）推进。
数据驱动（改路线只改一个文件）。全部行程收在 route-data.js 一个文件里：地名坐标表 + 按顺序排列的行程段（交通方式、走过与否、每一段的文案）。博士的旅程还在继续——之后若想把波尔图之后的段落从「未走过」改成「已走过」，改一个词、重新部署即可。
人与 AI 的分工
| 人（高峰博士） | AI | |
|---|---|---|
| 提供 | 13 段真实行程、每段的心情与故事、「做成 MV」的想法 | 地图动画引擎、音乐合成器、播放器交互、整站代码 |
| 拍板 | 审美与情感基调的认可 | — |
| 耗时 | 几分钟（说清旅程） | 一个晚上（含全部工程与调试） |
人没有写一行代码；AI 没有决定任何一件事——路线是博士走的，故事是博士经历的，AI 只是把这一切变成了可以播放的作品。
几点小体会
- 「随手做」开始有复利了。01 号作品验证了「照片 → 线上展馆」，这一件验证了「旅程 → 动画 MV」——同一趟旅行，不同的素材形态，同一套人机协作方法。基础设施就位之后，创意的边际成本持续趋近于零。
- 实时合成比堆素材更优雅。整站不含一个音频文件、一张本地图片（地图瓦片在线加载），《欢乐颂》却完整可听——用代码生成内容，而不是搬运内容，这是 AI 时代「小体积、大表现力」的典型解法。
- 作品可以和旅程一起生长。路线是数据、不是硬编码——旅程每往前走一段，MV 就更新一版。记录和创作第一次不再是「事后补记」，而是与经历同步。
成品与说明
线上成品见本页顶部「线上成品」入口（新标签打开）：点击「▶ 播放」，看这场从桂林到圣地亚哥的旅程在卫星影像上完整走一遍；建议开启音乐，8× 速度下全程约一分钟。
行程与文案源自高峰博士 2026 年 10 月西班牙之行真实路线；地图底图为 Esri 卫星影像（在线加载，为成品唯一外部依赖）；Leaflet 已本地化部署，背景音乐由 Web Audio 实时合成。本页来龙去脉由高湾整理。
