Godot 4 | Tweenでフェードインとフェードアウトの実装サンプル

2024-05-12Godot 4,Godot 4 実装サンプル,Godot 4 Tween

Godot 4 | Tweenでフェードインとフェードアウトの実装サンプル
Godot FadeIn and FadeOut

ゲームエンジン「Godot」でノードのフェードインとフェードアウトを実装する方法とサンプルコード、サンプルプロジェクトを紹介しています。

確認環境
  • Windows11 22H2
  • Godot v4.1.1

Tweenでフェードインとフェードアウトする動作サンプルプロジェクト

動作サンプルページ

サンプルプロジェクト(zip)のダウンロード

tween_property() で modulate を操作する

tween_property() 「modulate」「Color」プロパティを操作してフェードインとフェードアウトを実装します。

tween_property( 対象, "modulate", Color(1,1,1,1), 処理時間)

フェードイン

フェードインでは「Color」プロパティの透過度(4番目の引数)を「1」に設定します。

※ フェードインの対象は自身である「self」と記述していますが、動作サンプルと動作テスト用のプロジェクトでは「player」を設定しています。

var _tween = create_tween()
	_tween.tween_property(self, "modulate", Color( 1, 1, 1, 1), 0.5)
	_tween.play()

フェードアウト

フェードアウトでは「Color」プロパティの透過度(4番目の引数)を「0」に設定します。

※ フェードアウトの対象は自身である「self」と記述していますが、動作サンプルと動作テスト用のプロジェクトでは「player」を設定しています。

var _tween = create_tween()
	_tween.tween_property(self, "modulate", Color( 1, 1, 1, 0), 0.5)
	_tween.play()