Game Doesn't Display Properly on Some Screens

tender82 · August 10, 2020, 1:35pm

Hey again, all… I worked through the courses and so far, Block Breaker and Laser Defender have uploaded and displayed fine on all screens when played through ShareMyGame / Simmer. The Glitch Garden game, however, is not playing fine on my laptop screen but when I move it over to an attached monitor, it plays fine. I had my husband try it on his Apple laptop and it doesn’t look right there, either.

To see what it looks like, visit: https://sharemygame.com/@tender82/glitch-garden

Here are a few screenshots of what I’m seeing along with my build settings through Unity.

Worth noting is that I’m on Unity 2020.1.1f1, the latest general release.

Thanks in advance for any help!
Tim

As displayed from my monitor:

As displayed from my laptop screen (what’s weird is when I move it over there, it’s like it actively resizes and everything becomes huge):

Build settings through Unity:

Nina · August 10, 2020, 2:45pm

Hi Tim,

Is this the same issue as in your other thread?

Please follow Rob’s instruction in this thread. Maybe there is a helpful error message in your browser console.

In which browser(s) did you test your game? I tested it in Chrome, and it’s working fine.

tender82 · August 10, 2020, 3:03pm

Hi Nina… different issue than the other one. I am going to check out Rob’s step-by-step shortly to see if there are any errors. I do see something in console about the audio not starting right away and I’ll post that in the other thread to keep these separate issues.

As for this issue, it feels like a resolution issue but I’m not 100% sure that it is or what’s going on. I am using a laptop connected to two other monitors and when the Chrome browser window is on the laptop screen, the game screen is essentially zoomed in a crazy amount. When I move the Chrome browser tab over to the other monitors, however, it displays just fine. Did you try it on a laptop or desktop out of curiosity?

Thanks for the help!

tender82 · August 10, 2020, 3:30pm

And checking the console for the resolution issue didn’t give me anything I can work with. It loads the Iframe and then there aren’t really any errors after that…

initializing iframe: https://i.simmer.io/@tender82/narwhals-vs-aliens?skin=smg
app.c572892b.js:1 loaded custom frame script:  https://theroccob.github.io/custom-smg-simmer/customSite/customFrame.js
7A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. It has been blocked, as Chrome now only delivers cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <URL> and <URL>.
UnityLoader.js:3 You can reduce your startup time if you configure your web server to host .unityweb files using gzip compression.
UnityLoader.js:4 [UnityCache] 'https://simmercdn.com/unity/r5mizpwzSVPqBfEVBDAZFVZh2h32/content/ae59178d-a7f8-3ea2-5c54-8b919c8d7988/Build/data.wasm.code.unityweb?t=1595954400695' successfully revalidated and served from the indexedDB cache
UnityLoader.js:4 [UnityCache] 'https://simmercdn.com/unity/r5mizpwzSVPqBfEVBDAZFVZh2h32/content/ae59178d-a7f8-3ea2-5c54-8b919c8d7988/Build/data.wasm.framework.unityweb?t=1595954400695' successfully revalidated and served from the indexedDB cache
UnityLoader.js:4 [UnityCache] 'https://simmercdn.com/unity/r5mizpwzSVPqBfEVBDAZFVZh2h32/content/ae59178d-a7f8-3ea2-5c54-8b919c8d7988/Build/data.data.unityweb?t=1595954400695' successfully revalidated and served from the indexedDB cache
blob:https://i.simme…b080-436c7e4bd756:8 The devicemotion events are blocked by feature policy. See https://github.com/WICG/feature-policy/blob/master/features.md#sensor-features
registerOrRemoveHandler @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
registerDeviceMotionEventCallback @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
_emscripten_set_devicemotion_callback_on_thread @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
(anonymous) @ VM21 042386e2:1
(anonymous) @ VM21 042386e2:1
_main @ VM21 042386e2:1
(anonymous) @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
callMain @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
doRun @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
run @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
runCaller @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
removeRunDependency @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
processDataJob @ VM18 UnityLoader.js:4
i.callback @ VM18 UnityLoader.js:3
setTimeout (async)
i.complete @ VM18 UnityLoader.js:3
(anonymous) @ VM18 UnityLoader.js:4
r.worker.onmessage @ VM18 UnityLoader.js:3
blob:https://i.simme…b080-436c7e4bd756:8 The deviceorientation events are blocked by feature policy. See https://github.com/WICG/feature-policy/blob/master/features.md#sensor-features
registerOrRemoveHandler @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
registerDeviceOrientationEventCallback @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
_emscripten_set_deviceorientation_callback_on_thread @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
(anonymous) @ VM21 042386e2:1
(anonymous) @ VM21 042386e2:1
_main @ VM21 042386e2:1
(anonymous) @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
callMain @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
doRun @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
run @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
runCaller @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
removeRunDependency @ VM20 731c9ac8-24a1-4b99-b080-436c7e4bd756:8
processDataJob @ VM18 UnityLoader.js:4
i.callback @ VM18 UnityLoader.js:3
setTimeout (async)
i.complete @ VM18 UnityLoader.js:3
(anonymous) @ VM18 UnityLoader.js:4
r.worker.onmessage @ VM18 UnityLoader.js:3
blob:https://i.simme…b080-436c7e4bd756:8 Loading player data from data.unity3d

blob:https://i.simme…b080-436c7e4bd756:8 Initialize engine version: 2019.4.3f1 (f880dceab6fe)

UnityLoader.js:4 Creating WebGL 2.0 context.
blob:https://i.simme…b080-436c7e4bd756:8 Renderer: WebKit WebGL

blob:https://i.simme…b080-436c7e4bd756:8 Vendor:   WebKit

blob:https://i.simme…b080-436c7e4bd756:8 Version:  OpenGL ES 3.0 (WebGL 2.0 (OpenGL ES 3.0 Chromium))

blob:https://i.simme…b080-436c7e4bd756:8 GLES:     3

blob:https://i.simme…b080-436c7e4bd756:8  EXT_color_buffer_float GL_EXT_color_buffer_float EXT_disjoint_timer_query_webgl2 GL_EXT_disjoint_timer_query_webgl2 EXT_float_blend GL_EXT_float_blend EXT_texture_compression_bptc GL_EXT_texture_compression_bptc EXT_texture_compression_rgtc GL_EXT_texture_compression_rgtc EXT_texture_filter_anisotropic GL_EXT_texture_filter_anisotropic KHR_parallel_shader_compile GL_KHR_parallel_shader_compile OES_texture_float_linear GL_OES_texture_float_linear WEBGL_compressed_texture_s3tc GL_WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb GL_WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info GL_WEBGL_debug_renderer_info WEBGL_debug_shaders GL_WEBGL_debug_shaders WEBGL_lose_context GL_WEBGL_lose_context OVR_multiview2 GL_OVR_multiview2

blob:https://i.simme…b080-436c7e4bd756:8 OPENGL LOG: Creating OpenGL ES 3.0 graphics device ; Context level  <OpenGL ES 3.0> ; Context handle 18949872

103The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. <URL>
blob:https://i.simme…b080-436c7e4bd756:8 UnloadTime: 0.279999 ms

blob:https://i.simme…b080-436c7e4bd756:8 Input Manager initialize...

app.c572892b.js:1 initializing iframe: https://i.simmer.io/@tender82/narwhals-vs-aliens?skin=smg
app.c572892b.js:1 loaded custom frame script:  https://theroccob.github.io/custom-smg-simmer/customSite/customFrame.js
UnityLoader.js:3 You can reduce your startup time if you configure your web server to host .unityweb files using gzip compression.
UnityLoader.js:4 [UnityCache] 'https://simmercdn.com/unity/r5mizpwzSVPqBfEVBDAZFVZh2h32/content/ae59178d-a7f8-3ea2-5c54-8b919c8d7988/Build/data.wasm.framework.unityweb?t=1595954400695' successfully revalidated and served from the indexedDB cache
UnityLoader.js:4 [UnityCache] 'https://simmercdn.com/unity/r5mizpwzSVPqBfEVBDAZFVZh2h32/content/ae59178d-a7f8-3ea2-5c54-8b919c8d7988/Build/data.wasm.code.unityweb?t=1595954400695' successfully revalidated and served from the indexedDB cache
UnityLoader.js:4 [UnityCache] 'https://simmercdn.com/unity/r5mizpwzSVPqBfEVBDAZFVZh2h32/content/ae59178d-a7f8-3ea2-5c54-8b919c8d7988/Build/data.data.unityweb?t=1595954400695' successfully revalidated and served from the indexedDB cache
blob:https://i.simme…ab9f-cd4a7fb0dca5:8 The devicemotion events are blocked by feature policy. See https://github.com/WICG/feature-policy/blob/master/features.md#sensor-features
registerOrRemoveHandler @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
registerDeviceMotionEventCallback @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
_emscripten_set_devicemotion_callback_on_thread @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
(anonymous) @ VM21 042386e2:1
(anonymous) @ VM21 042386e2:1
_main @ VM21 042386e2:1
(anonymous) @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
callMain @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
doRun @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
run @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
runCaller @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
removeRunDependency @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
processDataJob @ VM18 UnityLoader.js:4
i.callback @ VM18 UnityLoader.js:3
setTimeout (async)
i.complete @ VM18 UnityLoader.js:3
(anonymous) @ VM18 UnityLoader.js:4
r.worker.onmessage @ VM18 UnityLoader.js:3
blob:https://i.simme…ab9f-cd4a7fb0dca5:8 The deviceorientation events are blocked by feature policy. See https://github.com/WICG/feature-policy/blob/master/features.md#sensor-features
registerOrRemoveHandler @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
registerDeviceOrientationEventCallback @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
_emscripten_set_deviceorientation_callback_on_thread @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
(anonymous) @ VM21 042386e2:1
(anonymous) @ VM21 042386e2:1
_main @ VM21 042386e2:1
(anonymous) @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
callMain @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
doRun @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
run @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
runCaller @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
removeRunDependency @ VM20 8edb8d61-0ae8-4b2a-ab9f-cd4a7fb0dca5:8
processDataJob @ VM18 UnityLoader.js:4
i.callback @ VM18 UnityLoader.js:3
setTimeout (async)
i.complete @ VM18 UnityLoader.js:3
(anonymous) @ VM18 UnityLoader.js:4
r.worker.onmessage @ VM18 UnityLoader.js:3
blob:https://i.simme…ab9f-cd4a7fb0dca5:8 Loading player data from data.unity3d

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 Initialize engine version: 2019.4.3f1 (f880dceab6fe)

UnityLoader.js:4 Creating WebGL 2.0 context.
blob:https://i.simme…ab9f-cd4a7fb0dca5:8 Renderer: WebKit WebGL

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 Vendor:   WebKit

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 Version:  OpenGL ES 3.0 (WebGL 2.0 (OpenGL ES 3.0 Chromium))

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 GLES:     3

blob:https://i.simme…ab9f-cd4a7fb0dca5:8  EXT_color_buffer_float GL_EXT_color_buffer_float EXT_disjoint_timer_query_webgl2 GL_EXT_disjoint_timer_query_webgl2 EXT_float_blend GL_EXT_float_blend EXT_texture_compression_bptc GL_EXT_texture_compression_bptc EXT_texture_compression_rgtc GL_EXT_texture_compression_rgtc EXT_texture_filter_anisotropic GL_EXT_texture_filter_anisotropic KHR_parallel_shader_compile GL_KHR_parallel_shader_compile OES_texture_float_linear GL_OES_texture_float_linear WEBGL_compressed_texture_s3tc GL_WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb GL_WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info GL_WEBGL_debug_renderer_info WEBGL_debug_shaders GL_WEBGL_debug_shaders WEBGL_lose_context GL_WEBGL_lose_context OVR_multiview2 GL_OVR_multiview2

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 OPENGL LOG: Creating OpenGL ES 3.0 graphics device ; Context level  <OpenGL ES 3.0> ; Context handle 18949872

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 UnloadTime: 0.255000 ms

blob:https://i.simme…ab9f-cd4a7fb0dca5:8 Input Manager initialize...

ResponsiveFrame.vue:85 focus

Any suggestions??

Nina · August 10, 2020, 4:45pm

I’m using a PC. Interestingly, I seem to have the same problem with the VLC player on my second monitor when I start VLC on my first monitor. However, I have two GPUs, so it might be that it’s rather an issue with the software and which GPU is assigned to it.

Maybe you could test what is suggested in this video:

And/or this one:

I don’t think that the issue is the resolution. Test the fixes in the videos first.

tender82 · August 10, 2020, 9:04pm

Hello again…

I tried the solution above but no luck.

But I figured out something that might help. When I do ‘build and run’, it opens and plays fine on my laptop monitor.

When I upload that build to gamedev.tv and share my game, it does the funky thing.

To better describe my issue… if I am on the Share My Game website, it appears to load the game but a really, really, really zoomed in version of it when I’m on my laptop screen. If I move that Chrome tab to the other separate monitors, it plays fine. When I move the tab back to the laptop monitor screen, it zooms it back in really quickly. It’s really strange.

Thanks for any other tips you might have. I can also contact the GameDev.TV FAQ site if necessary as it works in the exact same browser when built from Unity.

Nina · August 10, 2020, 10:49pm

Unfortunately, I do not have a smaller screen to test your game. Making the browser window smaller didn’t recreate your issue.

Maybe you could create a test build with a lower resolution. The resolution can be set in File > Build Settings > Player Settings.

Also please join our official Discord chat and ask students whether they could test your game for you. There is always a chance that the issue is on your and your husband’s side only. If you ask complete strangers who do different things on their devices than you, they might have different settings than you. And a different internet connection.

Have you tried to remove and to readd your scenes to the “Scenes in Build” list in the Build Settings?

Oh, and since you are using the latest version of Unity: You could install an older version of Unity 2019 (or use the one you already have installed if you have one installed). Duplicate your project folder and import the duplicated project into Unity so you do not accidentally break your original project. Build the game in Unity 2019 and test the build again.

tender82 · August 11, 2020, 3:19pm

I’ve joined the Discord channel. Thanks for that link. Didn’t know about that. I have asked in there and am waiting to see if anyone replies to help out.

I appreciate all the help you’ve provided here. I did remove and readd all of the scenes in build settings.

I tried to duplicate the project and then downgrade the project but when I tried to build again, I was getting all sorts of errors. Maybe I need to import the project instead of just swapping the build in the Unity Hub?

Nina · September 5, 2020, 8:52am

How are you getting on with this, @tender82?

tender82 · September 9, 2020, 11:05am

Hey Nina!

Turns out there was some weirdness with ShareMyGame. I started to use Itch.io and everything has been smooth sailing since.

Someone else on discord had a similar problem to me a week or two ago and he tried on Itch and was fine.

Thanks for following up!

system · September 9, 2020, 3:25pm

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.