ElectronicObserverEN / ElectronicObserver

Electronic Observer is a game viewer for Kantai Collection.
Other
84 stars 20 forks source link

The game screen is cut off after v. 5.3.0 applied #429

Closed 225ouest closed 9 months ago

225ouest commented 11 months ago

The game screen is cut off after v. 5.3.0 applied. The screen situation was exactly the same as this issue (https://github.com/ElectronicObserverEN/ElectronicObserver/issues/417). However, no matter how I tried (restarting EO, maximizing the screen or changing the magnification level), I could not fix it; I reverted to version 5.2 (and the screen is fixed).

-No multiscreen -using CefSharp

etakeocnn commented 11 months ago

Same symptoms. There seems to be something wrong with the style sheet. Does anyone know how to fix it?

myangelkamikaze commented 11 months ago

Which operating system are you using? What's your display scaling?

etakeocnn commented 11 months ago

Windows 11 and using ultrawide monitor. However, this problem occurred after the update to v5.3. There was no problem until v5.3.0-preview2. The problem occurred after updating to runtime8.

myangelkamikaze commented 11 months ago

We also updated a lot of other dependencies for this release, including the browser. The issue is most likely a problem with some display scaling values being incorrect somewhere. I think the default scaling is 150% for bigger screens, but I can't reproduce the issue. This is what I meant with display scaling: image

myangelkamikaze commented 11 months ago

Maybe overriding the DPI scaling could fix it? https://github.com/ElectronicObserverEN/ElectronicObserver/issues/158#issuecomment-1104827042

etakeocnn commented 11 months ago

DPI scaling changes have no effect. Display scaling is 100%. クリップボード02

225ouest commented 11 months ago

The dpi change has no effect, too. Display scaling is 100% (1920*1080). OS: Windows 10

warawara2001 commented 11 months ago

私の環境でも150%ぐらいの表示になります。 ディスプレイのプロパティはこうなってました。 2024-01-02 151032

shunky1986 commented 11 months ago

I posted #417 . After updating to v.5.3.0, the symptoms disappeared in my environment.

etakeocnn commented 11 months ago

Sorry for repeating myself. For some reason, the browser size seems to be fixed regardless of the zoom factor. In this case, the scrollbar appears as shown in the picture, but the bottom right corner seems to be cut off because the style sheet makes it this size.

クリップボード01 クリップボード02

Genzoh-Wakaba commented 10 months ago

Windowsの設定、[文字を大きくする]で、テキストサイズ変更をするとその設定数値がブラウザ表示にも反映していた事がわかりました。 V5.2.12ではテキストサイズを変更しても、ブラウザの表示のバグはありませんでした。 私の環境だけでしょうか?

Windows10、マルチディスプレイ[2560x1440]、[1920x1080] CefSharp

テキストサイズ 100% テキストサイズの設定にブラウザ表示の大きさが変更される01

テキストサイズ 150% テキストサイズの設定にブラウザ表示の大きさが変更される02

myangelkamikaze commented 10 months ago

Thanks for pointing this out. It must be a change in how the browser handles scaling. We'll try to fix this in the next release, but for now the fix seems to be to set text scaling to 100%.

warawara2001 commented 10 months ago

ディスプレイ設定>拡大/縮小>テキストのサイズで100%にしたらVer.5.3.0.0で正常な大きさで表示されました。 情報ありがとうございます。 ただ、ブラウザ類はズームで調整ができますが、デスクトップの文字が全体的に小さくなったので目がツライです。 早めに修正していただけるとありがたいです。

myangelkamikaze commented 10 months ago

You can try setting the display scaling to a larger value, it should have the same effect as text scaling but is also correctly supported in version 5.3.0. image

The fix is already implemented and will be available in the next release.

myangelkamikaze commented 9 months ago

https://github.com/ElectronicObserverEN/ElectronicObserver/releases/tag/5.3.1-preview2 A preview version with the fix is available. Preview versions aren't available via auto update.

warawara2001 commented 9 months ago

アップデートしたはずですが、テキストサイズを変えるとやはりブラウザ画面が大きくなります。 スクリーンショット 2024-02-14 220129

myangelkamikaze commented 9 months ago

What's your current zoom setting? I tried it with both display and text scaling, and it seems to work. image

Note that if you change text scaling while the game is already open, you'll need to resize the browser in some way (reloading layout works, restarting 74式 too), though I just tested again right now and didn't even need to resize.

Genzoh-Wakaba commented 9 months ago

私も、531p2を試してみました。 Windows10、Nvidia GeForce系、CefSharp

[1] 74式のブラウザズーム100%描画、Windows10でテキストサイズ100%。 1  74式ブラウザ100%_Windows10テキストサイズ100%

[2] 74式を起動したまま、Windows10のテキストサイズを100%から120%に変更。 ブラウザのゲーム画面のxyのサイズの変化なく、120%大きく描画される。 2  74式ブラウザ100%_74式を起動したまま、Windows10テキストサイズ100%→120%に変更

[3] Windows10のテキストサイズを120%のまま、74式を再起動する。 ブラウザのゲーム画面のxyのサイズもしっかりと変更される。 3  74式ブラウザ100%_Windows10テキストサイズ120%に変更後、74式を再起動

[4] 74式を起動したまま、Windows10のテキストサイズを120%から100%に変更。 ブラウザのゲーム画面のxyのサイズの変化なく、小さく描画され、余白ができる。 4  74式ブラウザ100%_74式を起動したまま、Windows10テキストサイズ120%→100%に変更

[5] Windows10のテキストサイズを100%のまま、74式を再起動する。 ブラウザのゲーム画面のxyのサイズもしっかりと変更される。 5  74式ブラウザ100%_Windows10テキストサイズ120%→100%に変更後、74式を再起動

[5] 74式のブラウザズーム75%描画、Windows10でテキストサイズ120%。 6  74式ブラウザ75%_Windows10テキストサイズ120%

開発の方々の考える挙動とは違うのかもしれませんが、とりあえず自分はWindows10のテキストサイズを大きくしても、74式のブラウザのズームを下げる事でバランスを取ってプレイしようかと思います。 長々と大変失礼しました。

追記:74式を再起動せずとも、Windowsの[ 文字を大きくする ]の下の、[ 全体を大きくする ]で他の倍率に変更するとすぐにブラウザ描画のxyサイズが変更されました。そのあと100%(推奨)など自分の求める倍率に変更すればいいかと。

warawara2001 commented 9 months ago

設定>アクセシビリティ>テキストのサイズ で120%にしています。 Windowsの設定処理が終わった直後はブラウザ画面が大きくなりましたが、74式を再起動したら正常な表示になりました。(先日公開されたWindowsUpdateが保留状態になっていたのも原因かもしれません) ありがとうございました。 image

myangelkamikaze commented 9 months ago

The code isn't written to support changes while 74式 is already running, we don't consider that to be a common use case, so a restart being required is expected.