# チュートリアル: 【Godotモード】表現強化コース #3 シェーダーを使ってみよう。

**URL:** https://guild.rpgmakerofficial.com/t/topic/57
**Category:** チュートリアル
**Tags:** 日本語, tutorial
**Created:** [2025 年 6 月 5 日午後 12:43 UTC](https://guild.rpgmakerofficial.com/t/topic/57 "2025-06-05T12:43:18Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![GGG-Administrator](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/ggg-administrator/32/6_2.png) [@GGG-Administrator](https://guild.rpgmakerofficial.com/u/GGG-Administrator)
#### Post date: [2025 年 6 月 6 日午前 6:27 UTC](https://guild.rpgmakerofficial.com/t/topic/57/2 "2025-06-06T06:27:11Z")

</div>

## ぼかしのシェーダーを作ってみよう

1. game\_sceneタブのSprite2Dを選択してください。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/1b58a6a7c4cc18dddb3e8260346ffbbc69b4f265.png)
2. インスペクター画面のCanvasItem\>Material\>empty\>New ShaderMaterialより新しいシェーダーマテリアルを作ってください。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/7d94819be97b2b225d745025f63cac03a4592ade.png)
3. 再度選択して展開し、新しいシェーダーを作ります。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/b121b2dcae9dff64d10abf160a23e40cfa42e68a.png)
4. ぼかしなので、名前をblur.gdshaderに変更して作成しましょう。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/c4dd185771d81898b07af57645b2c425c7c02687.png)
5. blur.gdshaderをクリックするとパネルがシェーダーコードを記入する画面になります。シェーダーはスクリプトで作成する必要があります。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/b0144917a2fd2228a046181d7d986bbad5d142a0.png)
6. 以下のコードをコピーして丸ごと上書きしてください。

```auto
shader_type canvas_item;

uniform float blur_radius : hint_range(0.0, 10.0); // blur strength

void fragment() {
    vec2 size = vec2(textureSize(TEXTURE, 0));
    vec2 uv = UV;

    vec4 sum = vec4(0.0);
    int blur_size = int(blur_radius);

    for (int x = -blur_size; x <= blur_size; x++) {
        for (int y = -blur_size; y <= blur_size; y++) {
            vec2 offset = vec2(float(x), float(y)) / size;
            sum += texture(TEXTURE, uv + offset);
        }
    }

    float samples = pow(float(blur_size * 2 + 1), 2.0);
    COLOR = sum / samples;
}

```

1. MaterialのShader ParametersにBlur Radiusという新しい項目がでているので動かしてみましょう、遠景にぼかしが入るはずです。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/c7a7314ea92f5c6a3f5992804472a09ac8f52cb9.png)

## スクリプトなんて書けないよという人へ

GodotのシェーダーはGDSLという独自言語で作成されており、スクリプトが必須です。  
しかし、たくさんの先人たちが既に沢山のシェーダーを作成してくれています。以下のサイトやウェブ等を検索してみれば自分の作りたいシェーダーが見つかるかもしれません。

> **[Godot Shaders - Make your games beautiful!](https://godotshaders.com/)**
>
> Godot Shaders is a community-driven shader library for the Godot game engine. Free shaders to use in any project – personal and commercial.

## アニメーションプレイヤーとの連携

このシェーダーパラメータもアニメーションのキーとして利用することができます。そのためシェーダーを使ったアニメーションを非常に簡単に実装できますので、ワープや戦闘突入演出等様々なシーンで活用できます。

表現強化コースは以上です。  
他のコースの受講はこちら

**1. グラフィックコース**  
自分が描いたキャラクターを動かしたい！という人向けのコースです。

> [@チュートリアル: グラフィックコース#1 背景とタイル](https://guild.rpgmakerofficial.com/t/topic/27):
>
> こちらは、まずは自作の画像で色々やってみたい！という人向けのチュートリアルコースです。 このチュートリアルコースを受講する前に、 完了することをおすすめします。 なお、このコースでは、最初のチュートリアルで利用したプロジェクトを引き続き使用しますので、削除してしまった方は改めてチュートリアル開始よりチュートリアルプロジェクトをご用意ください。

**2. スクリプトコース**  
デフォルトキャラでいいからいろんな動きやシステムを作りたい！という人向けのコースです。

> [@チュートリアル: スクリプトコース#1 射撃攻撃を作ってみよう。](https://guild.rpgmakerofficial.com/t/topic/45):
>
> このコースでは、ACTION GAME MAKERでの基本的なスクリプト作成方法を学んでいきます。 第一回では、攻撃を作っていきます。 ヴィジュアルスクリプトを扱う上での注意点 ヴィジュアルスクリプトとタブ Godotの仕様上、エディター画面でどのシーンタブを開いていても自由に任意のスクリプト画面を開くことが可能です。しかし、ヴィジュアルスクリプトでは、開いているシーンタブにあるノードの…

---

_[View the full topic](https://guild.rpgmakerofficial.com/t/topic/57)._