👉 ai2033.taipei
開著臺北小黃，在 3D 臺北親眼看松山機場變身 300 公頃「臺北AI園區」
2026/10/08，臺北市長蔣萬安在「打造AI黃金世紀、全面釋放都市潛力」記者會宣布：規劃遷移松山機場，整合機場及周邊 300 公頃打造「臺北AI園區」，包括 100 公頃 AI 產業聚落、90 公頃國際永續生活聚落與 110 公頃中央公園，並解鎖 570 公頃受航高限制的都更地區。
這個網站把那場記者會整理成四種好入口：大字版懶人包、GTA 風格的 3D 臺北、可搜尋的逐字稿，以及可線上翻閱或下載的簡報。
點圖看完整影片（MP4，約 50 秒）：開小黃上敦化北路 → 時光機啟動 2026 → 2033 → 中央公園、AI 產業聚落、生活聚落 → 入夜的園區
| 內容 | 連結 | |
|---|---|---|
| 🌐 | 大字版互動網站：重點整理、前後對比滑桿、300 公頃怎麼用、XY 軸捷運、大台北新矽谷、問答 | https://ai2033.taipei/ |
| 🚕 | 3D 臺北 2033：開車到松機，按下時光機看 2026 ⇄ 2033 | https://ai2033.taipei/3d/ |
| 📜 | 記者會逐字稿：大字、可搜尋、可下載 Markdown | https://ai2033.taipei/transcript/ |
| 📊 | 簡報：16 頁線上翻閱＋講者備註，PPTX／PDF 下載 | https://ai2033.taipei/slides/ |
2026 松山機場 ⇄ 2033 臺北AI園區（3D 示意）
 任務 1：沿敦化北路開往松山機場航廈 |
 時光機啟動：2026 → 2033 |
 大字版網站（字級可調） |
 前後對比滑桿 |
 逐字稿：可搜尋、可下載 |
 簡報：線上翻閱＋講者備註 |
手機版
- 任務 1：開往松山機場 從敦化北路出發（離航廈約 500 公尺），開進航廈前的金色光圈。
- 時光機啟動 鏡頭繞著松機轉一圈，跑道消失，中央公園、AI 產業聚落與生活聚落一棟棟長出來。
- 任務 2：探索 2033 依序通過金色光圈：中央公園、AI 產業聚落、生活聚落、XY 軸捷運、跨河廊道、570 公頃都更。
- 自由探索 隨時切換 2026 ⇄ 2033、空拍、夜晚、導覽動畫。
開著小黃在 2033 年的園區裡依序送 5 單，越快越好。總榜比 5 單全送完的時間，另外每一單都有自己的任務榜：這單進前 10 名就會暫停計時，讓你馬上登錄，或繼續送、最後一起登錄。登錄時像早期大型電玩一樣輸入 3 個英文字母，再把挑戰連結分享出去。
- 直接開賽：https://ai2033.taipei/3d/?race；分享出去的連結會帶上成績（
?race&vs=ABC.83450），朋友開場就看到要挑戰的時間 - 路線：🥛 鮮奶 → 國際永續生活聚落、🍱 雞腿便當 → AI 產業聚落、🧋 珍珠奶茶 → 中央公園、🍍 鳳梨酥 → XY 軸捷運松機站、🍗 鹹酥雞 → 基隆河岸，全程約 3.3 公里
- 比賽中不能空拍、切年份、看導覽或瞬移回道路
- 排行榜：全台共用（Supabase），伺服器會逐點檢查路線；連不上時先存在玩家自己的裝置（見
tools/leaderboard/） - 不用玩也能看榜：https://ai2033.taipei/rank/
- 分享卡：每筆成績的分享連結都有自己的預覽圖（名字、時間、名次），由
og/的小型 Vercel 服務產生
| 操作 | 電腦 | 手機 |
|---|---|---|
| 開車 | W A S D／方向鍵，空白 煞車；按住 Shift 三段加速（加速 → 衝刺 → 極速） |
左下搖桿；按住 ⚡ 三段加速 |
| 空拍 | F 切換；W A S D 移動，E／Q 升降，拖曳轉視角 |
🚁 按鈕 |
| 其他 | Y 年份、N 日夜、T 導覽、R 回到道路、H 說明、G 外送賽 |
下方工具列 |
- 真實街廓：OpenStreetMap 臺灣圖資（Geofabrik），以
osmium擷取臺北範圍，tools/build/build_city.py轉成約 6 萬棟建築、道路、河川、捷運與地標的精簡 JSON（3d/data/city.json）。 - 園區配置：依新聞稿文字，在機場與鄰近營區範圍上切出北側 110 公頃中央公園、南側 100 公頃 AI 產業聚落與 90 公頃生活聚落（示意，非正式設計圖）。
- 3D：three.js r160（
vendor/three/，無打包工具）；instanced mesh、shader 窗光與日夜、成長動畫、UnrealBloom、陰影、小地圖；手機自動降畫質。 - 網站：純 HTML／CSS／JS，字級三段可調、深色高對比、行動優先。
- 逐字稿：
tools/build/build_transcript.py由市府新聞稿與媒體答問整理；有音檔時可用 Whisper 重新轉寫（見下方）。 - 簡報：
tools/build/deck.js（pptxgenjs）產生 PPTX，LibreOffice 轉 PDF；tools/build/slides_page.py產生線上翻閱頁。 - 素材：
render.mjs（3D 靜態圖）、screenshots.mjs（README 截圖）、cards.mjs（社群預覽圖與片頭片尾）、record_demo.mjs＋make_demo.sh（以虛擬時鐘逐格錄製示範影片）。
index.html 大字版互動網站
3d/ 3D 臺北 2033（index.html、style.css、js/、data/city.json）
transcript/ 逐字稿頁與 transcript.md
slides/ 簡報 PPTX／PDF 與線上翻閱頁（img/、thumb/）
assets/ 網站樣式、照片（含授權資訊）、3D 渲染圖、社群分享圖
docs/ README 用的示範影片、截圖、社群預覽圖
tools/build/ 資料與素材產生腳本
tools/fetch/ 在 GitHub Actions 抓取照片、OSM、新聞原文與音訊
rank/ 外送王排行榜頁
og/ 分享卡服務（Vercel）：每筆成績的分享頁與預覽圖
tools/leaderboard/ 外送賽全台排行榜的 Supabase 設定（SQL 與說明）
tools/verify/ 上線後的連結與瀏覽器檢查
.github/workflows/ 上述抓取與檢查的工作流程
CNAME, sitemap.xml, robots.txt
npx http-server -p 8123 .
# 開啟 http://127.0.0.1:8123/ 與 http://127.0.0.1:8123/3d/本站部署於 GitHub Pages（本分支根目錄），自訂網域 ai2033.taipei 由 CNAME 設定，推送後約一分鐘生效。
YouTube 擋下雲端主機的自動下載，所以逐字稿頁目前是市府新聞稿版致詞全文，加上媒體報導整理的答問重點。以下任一方式提供音訊後，fetch-transcript 工作流程會自動用 Whisper 轉寫、轉成繁體，並更新逐字稿頁：
- 把影片或音檔（mp3／m4a／mp4）上傳到
research/youtube/input/ - 在 Actions → fetch-transcript → Run workflow，填入可直接下載的影音網址
- 在 repo Secrets 新增
YT_COOKIES（YouTube cookies.txt），再手動執行 fetch-transcript
- 內容依據：臺北市政府新聞稿（2026/10/08）、記者會影片，以及中央社、自由時報、TVBS、聯合報等報導
- 地圖：© OpenStreetMap 貢獻者（ODbL），Geofabrik 擷取
- 照片：Wikimedia Commons（作者與授權見
assets/photos/credits.json與網站底部） - 3D 園區配置、產值與戶數為依新聞稿文字繪製或引用之示意與市府估算，非正式設計圖
本站為非官方粉絲整理，與臺北市政府無隸屬關係；正式內容請以臺北市政府公告為準。