跳到正文
AI for Frontend · 微信公众号·· 3 小时前AI 评分35

GPT-6 把纽约城换成平遥古城:钢铁侠穿越古城大战入侵怪兽

GPT-6完成钢铁侠穿越到平遥古城,大战入侵生物的小游戏

AI 导读

在 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/

主要功能:

  1. 多种交通与探索方式
    • 步行

    • 骑自行车

    • 开汽车(黄色出租车)

    • 开直升机

    • 支持键盘、触控、手柄(后期已加入)

  2. 实时城市模拟
    • 交通系统(车辆行驶、变道、刹车、转向灯、鸣笛)

    • 行人系统(有路径、会避让车辆)

    • 车辆灯光、引擎音效、环境音效(后期已增强)

    • 物理碰撞与简单车辆物理

  3. 高质量渲染(WebGPU + TSL)
    • 使用 WebGPURenderer + TSL 材质

    • 实时光照、反射、后处理

    • 支持不同时间段:Golden Hour、Midday、Blue Hour、Night

    • Clustered Lighting,性能优秀(目标 60fps)

  4. 相机与导演系统
    • 第三人称追踪、低角度动作、第一人称/驾驶舱

    • 多个预设观景点(Empire State、Times Square、Central Park 等)

    • 自动导演模式(Aerial)

  5. 其他实用功能
    • 传送地图(按 M)快速跳转到各大地标

    • 本地保存用户状态

    • 高度优化的场景剔除与实例化渲染

发布后几天内就有大量人基于它做了大量衍生项目。

看到这个场景第一世界让GPT-6基于之前用Opus5.5代码生成的平遥古城场景完成了几个非常有意思的场景。《零模型、全代码:我用AI把家乡平遥古城完美复刻出来了》

1. 先把作者场景中的纽约城市替换成平遥古城:

2. 让钢铁侠飞行穿越平遥古城

3. 让钢铁战士大战入侵怪兽

写在最后

在GPT6的协助下,我们的游戏就是想怎么玩就怎么玩,接下来会生成在古城里CS大战等好玩的游戏。所有源码都会按之前的规则分享给大家,获取方式参加文章《玩了两年 Vibe Coding,准备开放所有源代码》。

关于作者

做一只爬的最久的乌龟,保持学习保持好奇,即使慢一点,遇到一点困难,只要最后能到达终点,又有什么关系呢。

毕竟人生没有白走的路,每一步都算数。

跳转微信打开

来源:AI for Frontend · 微信公众号 · mp.weixin.qq.com