GPT-6 把纽约城换成平遥古城:钢铁侠穿越古城大战入侵怪兽
GPT-6完成钢铁侠穿越到平遥古城,大战入侵生物的小游戏
在 Three.js 作者 mrdoob 用 AI 辅助开发的全程序化曼哈顿实时模拟项目基础上,作者用 GPT-6 将场景替换为平遥古城,并做出钢铁侠飞行穿越古城、钢铁战士大战入侵怪兽的小游戏。
原创 前端设计大神 2026-10-26 17:38 北京
当千年古城遇上“钢铁侠”
最近Threejs作者mrdoob用大量 AI(LLM tokens)辅助开发了一个全程序化纽约曼哈顿实时模拟项目。完全程序化生成整个城市:
街道网络、街区、建筑物高度与外观
地标建筑(Empire State Building、Chrysler Building、One World Trade Center、Times Square、Grand Central 等)
树木、消防逃生梯、路灯、街道细节
车辆模型(包括黄色出租车、警车等)和行人
所有几何体、材质、灯光、交通逻辑都在运行时用代码 + TSL(Three.js Shading Language)生成,所以体积极小、可无限扩展。
体验地址:
https://mrdoob.github.io/slop-newyork/
主要功能:
- 多种交通与探索方式
步行
骑自行车
开汽车(黄色出租车)
开直升机
支持键盘、触控、手柄(后期已加入)
- 实时城市模拟
交通系统(车辆行驶、变道、刹车、转向灯、鸣笛)
行人系统(有路径、会避让车辆)
车辆灯光、引擎音效、环境音效(后期已增强)
物理碰撞与简单车辆物理
- 高质量渲染(WebGPU + TSL)
使用 WebGPURenderer + TSL 材质
实时光照、反射、后处理
支持不同时间段:Golden Hour、Midday、Blue Hour、Night
Clustered Lighting,性能优秀(目标 60fps)
- 相机与导演系统
第三人称追踪、低角度动作、第一人称/驾驶舱
多个预设观景点(Empire State、Times Square、Central Park 等)
自动导演模式(Aerial)
- 其他实用功能
传送地图(按 M)快速跳转到各大地标
本地保存用户状态
高度优化的场景剔除与实例化渲染
发布后几天内就有大量人基于它做了大量衍生项目。
看到这个场景第一世界让GPT-6基于之前用Opus5.5代码生成的平遥古城场景完成了几个非常有意思的场景。《零模型、全代码:我用AI把家乡平遥古城完美复刻出来了》
1. 先把作者场景中的纽约城市替换成平遥古城:
2. 让钢铁侠飞行穿越平遥古城
3. 让钢铁战士大战入侵怪兽
写在最后
在GPT6的协助下,我们的游戏就是想怎么玩就怎么玩,接下来会生成在古城里CS大战等好玩的游戏。所有源码都会按之前的规则分享给大家,获取方式参加文章《玩了两年 Vibe Coding,准备开放所有源代码》。
关于作者
做一只爬的最久的乌龟,保持学习保持好奇,即使慢一点,遇到一点困难,只要最后能到达终点,又有什么关系呢。
毕竟人生没有白走的路,每一步都算数。
来源:AI for Frontend · 微信公众号 · mp.weixin.qq.com