跳到正文
kumo· 来源· @kumo0x · X·· 2 小时前精选AI 评分70
推荐理由

作者分享了利用 Claude 编写代码实现程序化纹理与 WebGL2 渲染的完整工作流,为 AI 辅助游戏开发提供了可复用的技术路径。

正文 · AI 翻译

同一只狐狸。现在它实际上是3D的。

这不是游戏。这是一个30秒的循环:他沿着悬崖边缘奔跑,攀爬墙壁,跳过池塘上的石头,滑下雪坡并点亮灯笼。

我希望整个流程都在一个地方,所以这里展示了内部包含的内容:

900帧,每一帧都在CPU上渲染,没有使用GPU
每帧大约需要2秒
0个下载的3D模型,0个图像生成器
每一块岩石、雪和松树的纹理都是由代码生成的
原创的30秒配乐,可以无缝循环

一个诚实的细节:我无法在我的沙盒中安装three.js。因此Claude编写了一个小型WebGL2渲染器:卡通着色、基于深度的墨线轮廓、绘制的山脉全景、雾气。

带来最大变化的不是模型本身。而是纹理。我的第一次尝试看起来像灰色的纸板。修复方法是分层岩石带有裂缝、阴影中的干笔触排线、圆润的悬崖边缘和凹凸贴图。

要尝试的话:

  1. 首先以数据形式描述路线(他跑、跳、爬的地方)
  2. 构建角色骨架,然后构建跟随他的摄像机
  3. 用代码而非提示词生成纹理
  4. 使循环无缝衔接:第1800帧等于第0帧

如果你用Claude进行创作,请收藏此帖。

接下来他应该穿过哪个场景?

来源:kumo · x.com