Phaser 3でタイルマップを使用しているときに、タイルのにじみを防ぐにはどうすればよいですか？
クリス
Phaser 3でタイルマップを追加すると、タイル間に顕著なブリード（またはギャップ）が発生します。これは、タイルの「ちらつき」または「ちらつき」と呼ばれることもあります。
これは、パンするときによく目立ちます。
const map = this.make.tilemap({ key: 'some-map' })
const tiles = map.addTilesetImage('some-tileset', 'some-key')
const baseLayer = map.createStaticLayer('base', tiles, x, y)
これを防ぐにはどうすればよいですか？
クリス
解決
解決策は、タイルセット内のタイルを1px（またはそれ以上）ピクセル押し出すことです。現在、Phaserコミュニティが推奨するツールは次のとおりです。https：//github.com/sporadic-labs/tile-extruder
ワークフロー
「ソース」イメージに対して1回限りの押し出しを実行するか、ビルドステップの一部として分散イメージに対して押し出しを実行できます。
オプション1：ソース画像を押し出す
ソース画像を押し出すことを選択した場合は、Tiledで適切な調整を行う必要があります。また、画像を編集する間、ギャップを維持することを確認する必要があります。
オプション2：分散イメージを押し出す
これは、Tiledに変更を加えることなく、Tiledと画像を「現状のまま」維持できるため、（主観的に）簡単です。
ビルドステップ中にnpm run process-assets、タイルセットイメージを押し出し、ビルドフォルダーにコピーするコマンド（たとえば）を導入します。
# package.json
{
"scripts": {
"process-assets": "tile-extruder --tileWidth 32 --tileHeight 32 --margin 1 --spacing 2 --input ./src/tilesets/tileset.png --output ./dist/tilesets/tileset.png"
}
}
タイルマップの作成を必ず更新してください。
const tiles = map.addTilesetImage('some-tileset', 'some-key', 32, 32, 1, 2)
注タイルの押し出しは、WebGL（キャンバスではなく）を使用する場合にのみ必要です。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
- 前の投稿：構造体が代入の右辺値である場合の構造体内の変数の戻り値
- 次の投稿：vue.config.jsを変更して、ネストされたサブディレクトリにページがある複数ページのVue.jsアプリケーションを作成するにはどうすればよいですか？
関連記事
Related 関連記事
- 1
Phaser 3でタイルマップを使用しているときに、タイルのにじみを防ぐにはどうすればよいですか？
- 2
Phaserの `createObjectsFrom`と互換性のあるタイルマップをTiledからエクスポートするにはどうすればよいですか？
- 3
Phaserタイプの変数を明示的に宣言するにはどうすればよいですか？
- 4
物質物理学を使用して、Phaser 3のタイルプラットフォームからプラットフォームを作成するにはどうすればよいですか？
- 5
Phaser 3の関数を使用してスプライトを描画するにはどうすればよいですか？
- 6
JSON形式を使用してPhaser3でTiledを使用するにはどうすればよいですか？
- 7
Phaser 3でスプライトが移動しているときにのみアニメーションを再生するにはどうすればよいですか？
- 8
Phaser 3スプライトに物理を追加するにはどうすればよいですか？
- 9
Phaser 3の「フリング」物理にスプライトのX位置とY位置を使用するにはどうすればよいですか？
- 10
Phaser 3で画像を削除するにはどうすればよいですか？
- 11
Phaser 3とWebpackで画像とスプライトシートを正しくロードするにはどうすればよいですか？
- 12
Phaser 3で透明ピクセルをクリアするにはどうすればよいですか？
- 13
Phaserでビットマップデータをカメラに修正するにはどうすればよいですか？
- 14
phaser.jsのグループスプライトにアニメーションを追加するにはどうすればよいですか？
- 15
Phaserでプレイヤーが地面に触れる「直前」にジャンプできるようにするにはどうすればよいですか？
- 16
Phaser 3のグループから単一のメンバーを取得するにはどうすればよいですか？
- 17
Phaser3スプライトの上面の座標を取得するにはどうすればよいですか？
- 18
配列内の個々のアイテムをクリックして、Phaser 3の画面の異なる部分に各アイテムを表示するにはどうすればよいですか？
- 19
Phaser 3で音量を設定するにはどうすればよいですか？
- 20
PhaserでA、S、D、Wキーを使用するにはどうすればよいですか？
- 21
Phaser 3でシーンから別のシーンにデータを渡すにはどうすればよいですか？
- 22
Phaser 3でオブジェクトの配列を同じ距離だけ移動するにはどうすればよいですか？
- 23
Phaser 3でアニメーションボタンを作成するにはどうすればよいですか？
- 24
Phaser 3でテキストをプレーヤーにフォローさせるにはどうすればよいですか？
- 25
Phaserでマウスホイールのズーム効果を取得しようとしています
- 26
Phaser 3でスコアテキストを正しく更新するにはどうすればよいですか？
- 27
Phaser 3でオブジェクトが別のオブジェクトと衝突している限り、アニメーションを再生するにはどうすればよいですか？
- 28
Phaser3のMatterPhysicsを使用して、キャラクターが空中でジャンプするのを防ぐ方法は？
- 29
Phaser3ゲームにタイルセットとマップを読み込めません
コメントを追加