Claude 竟然能用纯代码搓出一个能走进去的丛林场景

不用任何外部素材，直接用代码生成 3D 场景这种事，以前得是资深 WebGL 大佬才能搞定的，但 Claude 现在的代码能力确实有点离谱。最近刷到一个项目，它完全没用任何 3D 模型文件或贴图，纯靠写代码在浏览器里构建了一个可以第一视角行走、带有植被和光影效果的丛林小径。

说白了，这其实就是把数学算法和渲染逻辑直接写死在代码里。它通过程序化生成（Procedural Generation）的方式来模拟树木、叶子和地面的随机分布，然后利用 Three.js 这种库把这些几何体渲染出来。虽然细节上没法跟虚幻 5 这种顶级引擎比，但作为一段纯文本生成的代码，能把氛围感营造出来，这实操能力确实惊人。

如果你也想试试这种纯代码生成场景的玩法，可以参考这个项目的实现逻辑：

一、环境准备
首先你得有一个基础的 HTML 页面，并引入 Three.js 库，因为纯原生 WebGL 写起来太痛苦，基本没人这么干。

二、核心实现步骤
1. 定义几何体：用简单的圆柱体代表树干，用随机扭曲的平面或球体代表叶片。
2. 随机分布算法：写一个循环，在特定的坐标范围内随机生成这些物体，但要避开玩家的初始路径。
3. 材质模拟：通过调整颜色值（比如深绿、橄榄绿）和简单的光照参数，模拟出丛林的阴森感。
4. 相机控制：绑定 WASD 键位到相机的坐标偏移上，实现所谓的“可行走”效果。

三、代码实操参考
如果你想让 Claude 帮你写类似的，可以尝试这个提示词方向：

使用 Three.js 创建一个第一人称视角的可行走场景。要求：不使用任何外部 .gltf 或 .obj 模型，所有物体（如树木、草地）必须通过代码定义的几何体随机生成。加入简单的雾化效果(Fog)来增加空间深度感，并实现 WASD 移动控制。

这种纯代码驱动的 3D 场景最关键的是对数学的把控，Claude 在处理顶点坐标和随机分布函数时表现得非常稳定。对于想快速搭建 Demo 而不想花时间找素材的人来说，这套工作流简直是救星。

# 如果你想本地跑起来，最快的方式是
npm install three
npm run dev