星空之美，尽在Shader

2022-11-05 01:35:54

打造你自己的星空：使用 Shader 绘制梦幻般的宇宙

在浩瀚的宇宙中，星空以其令人着迷的美和神秘而闻名。现在，使用计算机图形学和 Shader，你也可以在计算机屏幕上重现这一非凡奇观。本教程将引导你一步一步地绘制一个令人惊叹的星空，让你在虚拟世界中领略宇宙之美。

绘制一个闪烁的星星

我们的星空之旅从绘制一个简单的星星开始。通过在片段着色器中编写代码，我们可以计算星星的亮度并将其输出到屏幕上。

void main() {
    // 获取当前片段的纹理坐标
    vec2 uv = gl_FragCoord.xy / vec2(width, height);

    // 计算与星星中心的距离
    float distance = length(uv - vec2(0.5, 0.5));

    // 将距离转换为亮度
    float brightness = 1.0 - distance;

    // 输出亮度
    gl_FragColor = vec4(brightness, brightness, brightness, 1.0);
}

添加闪烁效果

为了让星星更逼真，我们可以添加一个随机值来模拟闪烁效果。

void main() {
    // 获取当前时间
    float time = get_time();

    // 计算与星星中心的距离
    float distance = length(uv - vec2(0.5, 0.5));

    // 添加随机值模拟闪烁
    float brightness = 1.0 - distance + 0.1 * sin(time);

    // 输出亮度
    gl_FragColor = vec4(brightness, brightness, brightness, 1.0);
}

让星星移动

通过在片段着色器中添加一个移动量，我们可以让星星随着时间移动。

void main() {
    // 获取当前时间
    float time = get_time();

    // 计算移动量
    vec2 offset = vec2(0.0, 0.1 * sin(time));

    // 将移动量添加到纹理坐标
    uv += offset;

    // 计算与星星中心的距离
    float distance = length(uv - vec2(0.5, 0.5));

    // 添加随机值模拟闪烁
    float brightness = 1.0 - distance + 0.1 * sin(time);

    // 输出亮度
    gl_FragColor = vec4(brightness, brightness, brightness, 1.0);
}