Godot4 塗りつぶす/塗りつぶさない円の描画と頂点数のおおまかな調整

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

# 2Dカスタム描画 — Godot Engine (4.x)の日本語のドキュメント - https://docs.godotengine.org/ja/4.x/tutorials/2d/custom_drawing_in_2d.html#arc-function
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)

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

# 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

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

# 円弧を描画します。 draw_arc 関数の point_count (頂点数) を自動計算して呼び出します。
# center : 中心の座標
# radius : 半径
# start_angle, end_angle : 円弧の開始と終了の角度
# color : 色
# width : 線の太さ
# antiariased : アンチエイリアスの有無. 詳しくは CanvasItem — Godot Engine (4.x)の日本語のドキュメント - https://docs.godotengine.org/ja/4.x/classes/class_canvasitem.html#class-canvasitem-method-draw-arc
func sc_draw_arc(center, radius, start_angle, end_angle, color, width, antialiased):
	# 円周(2*PI+r)の距離に比例した個数の頂点を結ぶ線分で円を描画します。
	# 試した結果、円周÷6 の頂点数だとあまり角が目立たないと思いました。
	var numof_points = ceili(2 * PI * radius / 6)
	# 円周が短く、頂点数が 12 個より小さい場合は角が目立つので 12 に補正します。
	if numof_points < 12:
		numof_points = 12
	print("radius = ", radius, ", numof_points = ", numof_points)
	draw_arc(center, radius, 0.0, 360.0, numof_points, color, width, true)
	return

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