Godot EngineでPiskelのドット絵がぼやける原因とくっきり表示させる設定方法

画像処理、制作

Godot EngineにPiskelで作成したドット絵を読み込んだ際、「画像がぼやける」「輪郭がにじむ」といった現象はよく起こります。これは素材の不具合ではなく、主にインポート設定やフィルタリング処理によるものです。本記事では、ぼやける原因とクッキリ表示させるための具体的な設定方法をわかりやすく解説します。

ドット絵がぼやける主な原因

Godotで画像がぼやける最大の理由は「テクスチャフィルタリング」が有効になっていることです。

デフォルト設定では画像を滑らかに表示するために補間処理が行われ、ピクセル単位のドット絵がぼやけて見えます。

特にPiskelのようなピクセルアートは、この補間処理との相性が悪く、輪郭がにじんでしまいます。

テクスチャフィルタを無効にする方法

最も基本的な解決方法はインポート設定の変更です。

Godotで対象の画像を選択し、「Import」タブから「Filter」をOFFにします。

その後「Reimport」を押すことで、ピクセルがそのままの状態で表示されるようになります。

プロジェクト全体の設定を見直す

個別設定だけでなく、プロジェクト全体の設定も重要です。

Project Settingsの「Rendering」項目にあるTexture関連設定でフィルタリングを無効化することで、すべてのドット絵に一括適用できます。

複数素材を扱う場合はこちらの方法が効率的です。

スケーリング設定によるぼやけ対策

画面拡大時の補間処理もぼやけの原因になります。

Stretch Modeを「2D」や「viewport」に設定し、Aspectを「keep」などに調整することでピクセルのズレを防げます。

また整数倍率(2倍・3倍など)で表示することも重要です。

Piskel側の出力設定も確認する

Piskel側でエクスポート時に余白や拡大が入っている場合も、ぼやけの原因になります。

必ず元サイズのまま、余計なスケーリングを行わずにPNG形式で出力することが推奨されます。

透明背景設定も確認しておくとより安定します。

まとめ

GodotでPiskelのドット絵がぼやける原因は主にフィルタリングとスケーリング処理によるものです。

インポート設定でフィルタをOFFにし、プロジェクト設定と表示倍率を適切に調整することで、ドット絵本来のシャープな表示に戻すことができます。

さらにPiskel側の出力設定も見直すことで、より安定したピクセルアート表示が可能になります。

コメント

タイトルとURLをコピーしました