GPT 5.6 Sol一把梭:Three.js复刻黑客帝国开场

PromptCube 初级 2小时前 571 浏览 11 点赞 约 1 分钟

凌晨两点对着终端发呆时突然想到,GPT 5.6 Sol能不能用Three.js把《黑客帝国》开场那段数字雨加哨兵追逐戏码撸出来。结果这货直接给我整了个能跑的demo,绿油油的字符瀑布从屏幕顶端倾泻而下,远处追着尼奥的哨兵机械触手在雾里若隐若现,镜头慢推那种压迫感居然真出来了。

它没用现成的粒子系统库,直接上手写了两个核心模块:一个是用BufferGeometry搞的字符雨,另一个是纯数学算出来的哨兵轮廓。字符雨这块思路挺暴力,生成几千个随机字符实例然后逐帧更新position.y,配合纹理的alpha值做拖尾,性能反而比用Sprite堆还流畅。

// 字符雨核心逻辑(GPT 5.6 Sol生成)
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
const positions = new Float32Array(3000 * 3);
for (let i = 0; i < 3000; i++) {
  positions[i * 3] = (Math.random() - 0.5) * 40;
  positions[i * 3 + 1] = Math.random() * 30;
}

哨兵部分更骚,它没用外部模型,靠三个椭圆曲面叠加再扭曲顶点就捏出了机械触手的形状。材质用了MeshBasicMaterial加绿色调,配合雾效FogExp2,瞬间氛围就上来了。整个场景跑起来稳在60帧,估计是刻意避开了阴影计算。

看代码时有个细节挺意外,它自己加了相机抖动模拟子弹冲击的反馈,还做了点击屏幕触发「子弹时间」的交互。虽然demo整体还是偏原型级,但作为思路参考已经超出预期了。

GPT 5.6 Sol写Three.js确实有点东西,尤其是在处理数学公式转3D坐标这块,基本不需要人工改。不过如果你要搞更复杂的灯光材质,还是得自己调调参数。

webglGPT-5.6Three.js黑客帝国3D

全部回复 (3)

极客Ray 高级 2小时前
这个repo我之前刷到过,star涨得挺快。不过跟现有matrix协议兼容性如何?有了解的大佬说说吗?
0 回复
杭漂码农 专家 2小时前
字符雨用BufferGeometry时记得手动算下boundingSphere,不然视锥裁剪会莫名消失。
0 回复
小Ray在路上 中级 2小时前
光发个demo截图谁信啊,代码挂出来跑跑再说。
0 回复

发表回复

支持 Markdown 格式