返回 文章 学习 CMS 文章

Yonkers Rises:用 Three.js 把扬克斯变成巨型机甲漫步纽约

一个由 AI 生成、以扬克斯边界为机甲的纽约 3D 动画小工具。

Three.jsAI生成3D动画OpenStreetMap
成长分 / 100 49 综合收获、行动、留存与影响

Yonkers Rises:用 Three.js 把扬克斯变成巨型机甲漫步纽约
为什么值得读展示 AI 模型如何从一句含错别字的口语化提示生成完整 3D 动画

体现用可视化方式帮助自己记住地理位置的创意做法

关键洞察
  1. 动画以扬克斯边界切割出的巨型机甲为主角,从地面站起并行走
  2. 机甲依次经过曼哈顿、布鲁克林、皇后区和布朗克斯,并配有踩踏计数与机甲高度读数
  3. 场景先播放站起序列,再进入循环踩踏巡游,每次落脚会压平建筑
转成行动

深入阅读

正文与原文对照

原文保真覆盖:全文原文字符:1256

工具 扬克斯崛起 — 《扬克斯崛起》是一个纽约市的动画 3D 立体模型,其中一台从扬克斯边界切割出来的巨型机甲从地面升起,穿过曼哈顿、布鲁克林、皇后区和布朗克斯,同时有一个踩踏计数器和机甲高度读数追踪它的进度。场景先播放一段站立序列,随后是循环的踩踏巡游,每踏出一步都有建筑被压平,状态行会随着它穿过陆地或涉水而变化。

我意识到自己不知道扬克斯在哪里,于是我在 Google Maps 上查了一下,然后为了帮助把它的位置和形状记在脑子里(也为了试试 Claude Fable 5.2 的 3D 建模和动画能力),我向 Fable 5.2 Medium 输入了提示,让它:

Make a three js animation where yonkers stands up as a big mech (cool stand up motion) and átomos around manhattan and queens and Brooklyn, use openstreetmap mapping data

它正确地推断出“átomos”是手机键盘上“stomps”的输入错误:

▶ https://static.simonwillison.net/static/2026/yonkers-large.mp4