【Godot】Line2Dを使ったトレイルの実装方法

この記事では Line2D を使用してトレイル(軌跡)を実装する方法を解説します

トレイルの作成方法

シーンの作成

まずはNode2Dのシーンを作成します。

Line2Dの追加

次に Line2D を追加します。これは複雑な線を描画するためのノードです。

トレイルをするスクリプトの作成

シーンノード(Node2D)にスクリプトをアタッチして以下のように記述します。

extends Node2D

# トレイルの軌道の最大数
const MAX_TRAIL_POINT = 32

# Line2Dを取得
onready var line = $Line2D

# マウスの軌道
var points = Array()

func _process(delta: float) -> void:
    # マウスの座標を取得
    var pos = get_viewport().get_mouse_position()

    # 軌道のリストに追加
    points.append(pos)

    if points.size() > MAX_TRAIL_POINT:
        # 軌道の最大数を超えたら最後に追加した座標を削除
        points.pop_front()

    # line2dのポイントリストを削除   
    line.clear_points()

    # line2dのポイントリストに追加
    for p in points:
        line.add_point(p)

実行すると、以下のようにマウスの座標を追いかけるような軌道で線が描画されます。