12
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Godot】ピクセルパーフェクト(ドットバイドット)で2Dスプライトを表示する方法

Last updated at Posted at 2021-10-17

概要

2Dスプライト画像を拡大するとぼやけて表示されることがあります。
これを解消する方法を紹介します。

Godot_Engine_-SinCurve-Player_tscn___.png

ピクセルパーフェクトの設定をする

まず「ファイルシステム」から対象の画像を選択します。
そして、「インポート」タブをクリックします。
Godot_Engine_-SinCurve-_Player_tscn.png

次に「プリセット」をクリックして、「2D Pixel」を選びます。
Godot_Engine_-SinCurve-_Player_tscn.png

これは2Dピクセルパーフェクトにするためのプリセットとなります。
これを選ぶと「Filter」のチェックが外れています。これによりバイリニアフィルタリング(拡大したときにピクセルが補間される)の設定が無効となります。

「再インポート」をクリックして、変更を適用します。
Godot_Engine_-SinCurve-_Player_tscn.png

するとバイリニアフィルタリングが無効となり、画像を拡大してもピクセルパーフェクトで表示されるようになります。
Godot_Engine_-SinCurve-_Player_tscn.png

Fiter設定について

フィルタ(Filter)

テクスチャのピクセルが画面のピクセルより大きくなると、このオプションは線形補間を有効にします。その結果、より滑らかな(ブロックの少ない)テクスチャが得られます。この設定は2Dおよび3Dで一般的に使用できますが、ピクセルパーフェクト(テクスチャの画素と画面の画素が1対1)なゲームを作成する場合は通常無効になっています。

参考

・Godot Docs > イメージのインポート
https://docs.godotengine.org/ja/stable/getting_started/workflow/assets/importing_images.html

12
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?