WASM版がブラウザのスケーリングによって正しく動作しないことがある - Githubissues

hyoi / tigtag3d

拙作のぴこげー“tigtag”に3Dのガワを被せただけです。実験作というかジョークソフトというか (^_^; 。

https://hyoi.github.io/tigtag3d/

1 stars 0 forks source link

WASM版がブラウザのスケーリングによって正しく動作しないことがある #2

Open hyoi opened 5 months ago

hyoi commented 5 months ago

WASM版のスマホブラウザでの表示がおかしい。
1. 2Dカメラは、ブラウザの表示幅に合わせてスケーリングされてるように見える。
  3Dカメラは、スケーリングされていないように見える
2. viewportが設定されたカメラ（3Dカメラとミニマップの2Dカメラ）は、位置関係が正しいように見える
3. ミニマップの2Dカメラは、上記１～２の現象が合成されているように見える
現象を確認した環境
- Pixel 6
- Android 14
- Chrome 123.0.6312.99
- bevy v0.13.2 (wgpu v0.19.3)
- rustc 1.77.0

hyoi commented 5 months ago

2Dカメラがスケーリングするのを抑制できれば、不具合は解消すると思われる（余白は増えるが）
2Dカメラにviewportをセットすると抑制できそうだが、bevy0.13ではviewportを設定したデスクトップアプリがフルスクリーンに切り替わった際にpanicする場合があった為（修正PR#12861マージ済み）、bevy0.14のリリース後に検証する。

hyoi commented 3 weeks ago

現象がPCのブラウザでも発生することを確認した。モバイルブラウザ固有の問題ではない。

PCブラウザでは、ブラウザのスケーリングが100%だと正常表示になるので問題に気付きにくい。
PCブラウザでも、ブラウザのスケーリングを100%より大きくすると現象が発生する。
PCブラウザでスケーリングを100%より小さくすると、アプリが途中でハングアップする。（viewportが設定されているカメラのレンダリングで落ちている？？？）
＜想像＞モバイルではアクセスした直後から自動的にスケーリングされて（拡大されて）表示されるため、現象に気づくのではないか。

▼ブラウザのスケーリングが100%

　

▼ブラウザのスケーリングが150%

viewportが設定されていない2Dカメラ（描画対象はUIとゲームエリア外の背景）ブラウザのスケーリングに合わせて拡大する
viewportが設定されている2Dカメラ(描画対象は2Dミニマップ) 表示位置は変わらないが、描画される画像がブラウザのスケーリングに合わせて大きくなる
viewportが設定されている3Dカメラ(描画対象は3Dマップ) 表示位置は変わらない。描画される画像も変わらない。

▼ブラウザのスケーリングが90%

UIが表示されているため、viewportが設定されていない2Dカメラのレンダリングに成功していることがわかる。
FPSと時計が止まっているのでアプリがハングアップしていることがわかる。