Godot4 awaitで一定時間ごとに円を拡大して描画するプログラム

# _draw() 関数は一度だけ呼び出され、その後は描画コマンドがキャッシュされて記憶されるため、それ以上の呼び出しは不要です。
# 再描画が必要な場合は CanvasItem.queue_redraw() を呼び出してください。
func _draw():
	# 色の変数に白色を設定します。
	var white : Color = Color.WHITE
	# 中心の座標を設定します。
	var center = Vector2(320, 240 + 10)
	# 円を指定した座標を中心に、指定した半径と指定した色で描画します。
	sc_draw_circle(center, 24, white)
	queue_redraw()	# Node2D の継承元の CanvasItem クラスのメンバ関数を呼び出します。
	await get_tree().create_timer(1.0).timeout # 作成したタイマーが１秒後にタイムアウトするシグナルを待ちます。
	sc_draw_circle(center, 120, white)
	queue_redraw()	# Node2D の継承元の CanvasItem クラスのメンバ関数を呼び出します。
	await get_tree().create_timer(1.0).timeout # 作成したタイマーが１秒後にタイムアウトするシグナルを待ちます。
	sc_draw_circle(center, 240, white)
	queue_redraw()	# Node2D の継承元の CanvasItem クラスのメンバ関数を呼び出します。
	return

extends Node2D

# 描画する円の半径です。時間経過で変化します。
var radius = 3

# Called when the node enters the scene tree for the first time.
func _ready():
	animation_ripple()
	return

# Called every frame. 'delta' is the elapsed time since the previous frame.
func _process(delta):
	pass

func animation_ripple():
	radius = 3
	queue_redraw()	# Node2D の継承元の CanvasItem クラスのメンバ関数を呼び出します。
	await get_tree().create_timer(1.0).timeout
	radius = 24
	queue_redraw()	# Node2D の継承元の CanvasItem クラスのメンバ関数を呼び出します。
	await get_tree().create_timer(1.0).timeout
	radius = 240
	queue_redraw()	# Node2D の継承元の CanvasItem クラスのメンバ関数を呼び出します。
	return 
	

# _draw() 関数は一度だけ呼び出され、その後は描画コマンドがキャッシュされて記憶されるため、それ以上の呼び出しは不要です。
# 再描画が必要な場合は CanvasItem.queue_redraw() を呼び出してください。
func _draw():
	# 色の変数に白色を設定します。
	var white : Color = Color.WHITE
	# 中心の座標を設定します。
	var center = Vector2(320, 240 + 10)
	# 円を指定した座標を中心に、指定した半径と指定した色で描画します。
	sc_draw_circle(center, radius, white)
	return

func draw_circle_arc(center, radius, angle_from, angle_to, color):
	var nb_points = 32
	var points_arc = PackedVector2Array()

	for i in range(nb_points + 1):
		var angle_point = deg_to_rad(angle_from + i * (angle_to-angle_from) / nb_points - 90)
		points_arc.push_back(center + Vector2(cos(angle_point), sin(angle_point)) * radius)

	for index_point in range(nb_points):
		draw_line(points_arc[index_point], points_arc[index_point + 1], color)

# https://docs.godotengine.org/ja/4.x/tutorials/2d/custom_drawing_in_2d.html#arc-function
func sc_draw_circle_arc(center, radius, angle_from, angle_to, color, numof_points):
	var nb_points = numof_points # オリジナルは 32 固定でしたが引数にしました。
	var points_arc = PackedVector2Array()

	for i in range(nb_points + 1):
		var angle_point = deg_to_rad(angle_from + i * (angle_to-angle_from) / nb_points - 90)
		points_arc.push_back(center + Vector2(cos(angle_point), sin(angle_point)) * radius)

	for index_point in range(nb_points):
		draw_line(points_arc[index_point], points_arc[index_point + 1], color)
	
	# numof_points の値によっては、頂点を分割する角度が 360 度で割り切れず、最後の線分が 360 度に達しない場合があるので
	# 最後と最初の点を念のため線分で描画します。
	draw_line(points_arc[nb_points], points_arc[0], color)
	
	return

# 指定した座標 center を中心に、半径 radius、色 color で塗りつぶさない円を描画します。
# _draw イベント関数で用います。再描画が必要な場合は CanvasItem.queue_redraw() を呼び出してください。
func sc_draw_circle(center, radius, color):
	# 円周(2*PI+r)の距離に比例した個数の頂点を結ぶ線分で円を描画します。
	# 試した結果、円周÷12 の頂点数だとあまり角が目立たないと思いました。
	var numof_points = ceili(2 * PI * radius / 12)
	# 円周が短く、頂点数が 12 個より小さい場合は角が目立つので 12 に補正します。
	if numof_points < 12:
		numof_points = 12
	print("radius = ", radius, ", numof_points = ", numof_points)
	# 頂点数を指定して 0 ～ 360 度まで円弧（円）を描画します。
	sc_draw_circle_arc(center, radius, 0, 360, color, numof_points)
	return