【100个Cocos实例】用ChatGPT帮我改写Shader靠谱吗？

引言

这...看起来还行

昨天在星球看到星友的提问

"跟ChatGPT学习图形学能速成吗？"

笔者对这个问题也非常感兴趣 ，于是本文探讨一下，用ChatGPT帮我改写Shader靠谱吗？

本文源工程可在文末获取，小伙伴们自行前往。

1.ChatGPT

为避免还有小伙伴不认识ChatGPT，这里做一下简单科普。

ChatGPT是由OpenAI开发的一种基于GPT（Generative Pre-trained Transformer）架构的语言模型。GPT是一种先前训练的模型，其目标是通过大规模的语言数据集学习语言的模式，然后可以用于执行各种自然语言处理任务，包括生成文本、回答问题、摘要生成等。

总的来说，它可以用于聊天、回答问题、提供信息 ，以及执行其他 与语言相关的任务。

就是，你懂的，它可能懂 ，你不懂的，它可能也懂。

下面我们一起来看下它靠不靠谱。

2.ChatGPT靠不靠谱

为了探讨ChatGPT靠不靠谱，笔者通过一个例子来看看。

彩虹在现实生活中大家都见过 ，不知道大家有没有尝试过在游戏里面造一道彩虹呢？

1.环境

引擎版本：Cocos Creator 3.8.1

编程语言：TypeScript

2.资源准备

首先简单地用几秒钟在3dMax中做一个彩虹形状的模型。

导出FBX放到工程里面去。

首先创建一个默认的shader。

依次将FBX做成预制体 、添加材质球 、设置自定义shader。

资源准备完成。

资源准备好了，七彩斑斓的彩虹怎么实现呢？

3.让ChatGPT修改shader

首先我们看下默认生成的shader，用的通用的顶点着色器 ，以及简单的片元着色器片段。

二话不说，我们把片元着色器片段丢给ChatGPT。

你看，它读懂了 这段shader，并且改好了发给我。

我们一起来看看 靠不靠谱，把shader片段拷贝到项目里面替换。

ini 复制代码

CCProgram unlit-fs %{
  precision highp float;
  #include <legacy/output>
  #include <legacy/fog-fs>

  in vec2 v_uv;
  in vec3 v_position;

  uniform sampler2D mainTexture;

  uniform Constant {
    vec4 mainColor;
  };

  vec4 frag () {
    // 改变下面的代码以调整彩虹的颜色
    float frequency = 6.0; // 调整此值以改变彩虹的颜色数量
    vec3 rainbowColor = 0.5 + 0.5 * cos(frequency * v_uv.x + vec3(0, 2, 4));

    // 将彩虹颜色与 mainColor 相乘
    vec4 finalColor = vec4(rainbowColor, 1.0) * mainColor;

    return CCFragOutput(finalColor);
  }
}%

编译成功，没有报错。