Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What are the problem?

posted at

updated at

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

概要

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
1
Help us understand the problem. What are the problem?