【Godot】残像エフェクトの作り方

今回は残像エフェクトの作り方を解説します。

残像エフェクトの作り方

残像エフェクトの仕組み

今回紹介する残像エフェクトは、プレイヤーの移動した位置にそのフレームでの画像を残す方法となります。

そして時間経過で少しずつ透過しながら消えるようにします。

このエフェクトは、アクションゲームや格闘ゲームなどリアルタイム性のあるゲームで使うと効果的な演出になるかと思います。

残像エフェクトのプロジェクトファイル

今回は実装サンプルコードを解説する形となります。

TestGhostEffect.zip

残像エフェクトのコード

仕組みとしては、一定時間で消えるSpriteで実装できます。

以下サンプルコードです。

extends Sprite

var _timer:float

# ゴーストエフェクト開始
func start(_position:Vector2, _scale:Vector2, _frame:int, _flip_h:bool):
    position = _position
    scale = _scale
    frame = _frame
    flip_h = _flip_h
    _timer = 1.0

func _process(delta: float) -> void:
    _timer -= delta
    if _timer <= 0:
        # タイマー終了で消える
        queue_free()

    var alpha = _timer * 0.5
    modulate.a = alpha

残像エフェクトのもととなる情報を "GhostEffect" に渡します。今回は以下の情報を渡すようにしました

スプライトのフレーム番号: frame
座標: position
スケール値: scale
左右反転フラグ: flip_h

元のキャラクターのアニメーションで使用している情報を渡せば問題ないと思います。

以下、残像エフェクトを出現させる側のコードです。

# 残像エフェクトの処理  
func _proc_ghost_effect() -> void:
    if state == eState.IDLE:
        ghost_cnt = 0
        return # 停止中は何もしない
        
    # 残像エフェクトを生成判定
    ghost_cnt += 1
    if ghost_cnt%6== 2:
        # 残像エフェクト生成
        var eft = GHOST_EFFECT.instance()
        eft.start(position, scale, frame, flip_h)
        _ghost_effects.add_child(eft)