Chrome, Hardware Acceleration, Mac, Rendering issues

Over the last couple of months I've had issues with Chrome not displaying the map. Typically it will briefly flash the image, and then it will disappear. Dynamic lighting is sometimes there. &nbsp;Seems to be all Chromium Based browsers, as I have tried nearly all of them (Chrome, Opera, Brave, Chromium, etc.) I had it working on older versions of those browsers as well, but as soon as I updated them, they have the same effect. I am on an older Mac using 10.11.6 - Chrome&nbsp;56.0.2924.87 (64-bit). No extensions enabled. Javascript is on. No AV software. iMac 24 Inch Early 2009 8 GB Ram 2.93 Core 2 Duo NVIDIA GeForce GT 120 Tried on multiple computers with similar software. If I turn OFF hardware acceleration, then the maps seem to display, but of course that seems to break any number of other things. I can turn on hardware acceleration, but then start Chrome with args "--disable-acclerated-2d-canvas" from the terminal and things seem somewhat better, but still has issues. There are about 195 other arguments I haven't tried, but I'm just guessing now. At this point, I'm stuck using Firefox, which is terrible. Safari works great! Except I don't think it supports the audio video chat, right? I've been struggling for weeks, trying to find a suitably old browser that works. I love Roll20, but it has become nearly unplayable over the last 3 months. Any suggestions, ideas? Chrome GPU Log: Graphics Feature Status Canvas: Hardware accelerated Flash: Hardware accelerated Flash Stage3D: Hardware accelerated Flash Stage3D Baseline profile: Hardware accelerated Compositing: Hardware accelerated Multiple Raster Threads: Disabled Native GpuMemoryBuffers: Hardware accelerated Rasterization: Software only, hardware acceleration unavailable Video Decode: Hardware accelerated Video Encode: Hardware accelerated VPx Video Decode: Hardware accelerated WebGL: Hardware accelerated WebGL2: Unavailable Driver Bug Workarounds adjust_src_dst_region_for_blitframebuffer decode_encode_srgb_for_generatemipmap disable_framebuffer_cmaa disable_multimonitor_multisampling get_frag_data_info_bug needs_offscreen_buffer_workaround pack_parameters_workaround_with_pack_buffer regenerate_struct_names remove_invariant_and_centroid_for_essl3 reset_base_mipmap_level_before_texstorage scalarize_vec_and_mat_constructor_args set_zero_level_before_generating_mipmap unfold_short_circuit_as_ternary_operation unpack_alignment_workaround_with_unpack_buffer unpack_overlapping_rows_separately_unpack_buffer use_intermediary_for_copy_texture_image use_shadowed_tex_level_params use_unused_standard_shared_blocks Problems Detected 613272 , 614468 Disabled Features: gpu_rasterization 295792 Disabled Features: webgl2 89557 Applied Workarounds: needs_offscreen_buffer_workaround 237931 Applied Workarounds: disable_multimonitor_multisampling 307751 Applied Workarounds: unfold_short_circuit_as_ternary_operation 398694 Applied Workarounds: scalarize_vec_and_mat_constructor_args 403957 Applied Workarounds: regenerate_struct_names 560499 Applied Workarounds: set_zero_level_before_generating_mipmap 563714 Applied Workarounds: pack_parameters_workaround_with_pack_buffer 563714 Applied Workarounds: unpack_alignment_workaround_with_unpack_buffer 581777 Applied Workarounds: use_intermediary_for_copy_texture_image 596774 Applied Workarounds: unpack_overlapping_rows_separately_unpack_buffer 610153 Applied Workarounds: use_shadowed_tex_level_params 535198 Applied Workarounds: disable_framebuffer_cmaa 638340 Applied Workarounds: get_frag_data_info_bug 640506 Applied Workarounds: reset_base_mipmap_level_before_texstorage 634519 Applied Workarounds: decode_encode_srgb_for_generatemipmap 618464 Applied Workarounds: use_unused_standard_shared_blocks 644740 Applied Workarounds: adjust_src_dst_region_for_blitframebuffer 639760 , 641129 Applied Workarounds: remove_invariant_and_centroid_for_essl3 Raster is using a single thread. Disabled Features: multiple_raster_threads Version Information Data exported 2/28/2017, 9:31:01 PM Chrome version Chrome/56.0.2924.87 Operating system Mac OS X 10.11.6 Software rendering list version 12.06 Driver bug list version 9.24 ANGLE commit id a4aaa2de57dc 2D graphics backend Skia/56 bf2d9e02d58ea01f1c239f7e2fc024cba140ccb1 Command Line Args Chrome.app/Contents/MacOS/Google Chrome --flag-switches-begin --flag-switches-end Driver Information Initialization time 6 In-process GPU false Sandboxed true GPU0 VENDOR = 0x10de, DEVICE= 0x0655 *ACTIVE* Optimus false AMD switchable false Driver vendor Driver version 10.0.51 310.90.10.05b12 Driver date Pixel shader version 3.30 Vertex shader version 3.30 Max. MSAA samples 8 Machine model name iMac Machine model version 9.1 GL_VENDOR NVIDIA Corporation GL_RENDERER NVIDIA GeForce GT 120 OpenGL Engine GL_VERSION 3.3 NVIDIA-10.0.51 310.90.10.05b12 GL_EXTENSIONS GL_ARB_blend_func_extended GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shading_language_include GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_depth_bounds_test GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_mirror_clamp GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier Disabled Extensions Window system binding vendor Window system binding version Window system binding extensions Direct rendering Yes Reset notification strategy 0x0000 GPU process crash count 0 Compositor Information Tile Update Mode Zero-copy Partial Raster Enabled GpuMemoryBuffers Status ATC Software only ATCIA Software only DXT1 Software only DXT5 Software only ETC1 Software only R_8 GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT RG_88 Software only BGR_565 Software only RGBA_4444 Software only RGBX_8888 Software only RGBA_8888 GPU_READ, SCANOUT BGRX_8888 GPU_READ, SCANOUT BGRA_8888 GPU_READ, SCANOUT, GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT YVU_420 Software only YUV_420_BIPLANAR GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT UYVY_422 GPU_READ_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE_PERSISTENT Console Log: app.roll20.net/:12 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net https://*.googlesyndication.com <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> https://*.googlesyndication.com <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> https://*.googlesyndication.com <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> https://*.googlesyndication.com <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.googlesyndication.com https://*.tokbox.com https://*.googlesyndication.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> https://*.googlesyndication.com <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> https://*.googlesyndication.com <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-jQDVPbfLBnVA8b2anaX5OWt5gmYDUvOD0EcgL2tjhO8='), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:13 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net https://*.googlesyndication.com <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> https://*.googlesyndication.com <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> https://*.googlesyndication.com <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> https://*.googlesyndication.com <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.googlesyndication.com https://*.tokbox.com https://*.googlesyndication.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> https://*.googlesyndication.com <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> https://*.googlesyndication.com <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-npngRtQYomQz2/PGlo3OMaFWOvAvrm65p+WFyZPCRuo='), or a nonce ('nonce-...') is required to enable inline execution. app.js?1487867489:31 70 app.js?1487867489:31 TOUCH SUPPORTED: false app.js?1487867489:31 USING WEBGL ACCELERATION... app.js?1487867489:31 WEBGL STARTUP SUCCESS app.js?1487867489:33 Custom Sheet Translation app.js?1487867489:26 select app.js?1487867489:26 Switch mode to select app.js?1487867489:42 Initializing new dice engine with randomness... app.js?1487867489:42 Using random entropy app.js?1487867489:46 Compiling sheet... app.js?1487867489:46 Found rolltemplate: simple app.js?1487867489:46 Found rolltemplate: atk app.js?1487867489:46 Found rolltemplate: dmg app.js?1487867489:46 Found rolltemplate: atkdmg app.js?1487867489:46 Found rolltemplate: desc app.js?1487867489:46 Found rolltemplate: spell app.js?1487867489:46 Found rolltemplate: npc app.js?1487867489:46 Found rolltemplate: npcatk app.js?1487867489:46 Found rolltemplate: npcdmg app.js?1487867489:46 Found rolltemplate: npcaction app.js?1487867489:46 Found webworker script app.js?1487867489:46 Finding sheet rolls... app.js?1487867489:47 window resize app.js?1487867489:32 Final set zoom! app.js?1487867489:31 UPDATE GL SIZE! app.js?1487867489:32 Final set zoom! tutorial_tips.js:7 tuts loaded app.roll20.net/:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.imgur.com/ZgULBCp.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/ZgULBCp.png</a>'. This content should also be served over HTTPS. app.roll20.net/:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.imgur.com/3OxOqmb.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/3OxOqmb.png</a>'. This content should also be served over HTTPS. 3app.roll20.net/:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.imgur.com/ZgULBCp.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/ZgULBCp.png</a>'. This content should also be served over HTTPS. app.roll20.net/:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.imgur.com/py5B0cm.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/py5B0cm.png</a>'. This content should also be served over HTTPS. app.roll20.net/:1 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.imgur.com/LoT21n1.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/LoT21n1.png</a>'. This content should also be served over HTTPS. sheetsandboxworker.js?20160926:250Starting up WEB WORKER app.js?1487867489:38 Final page load. app.js?1487867489:48 Refresh jukebox List! app.js?1487867489:37 Auth'ed. app.js?1487867489:37 Go post auth! app.js?1487867489:38 Scan for new plays! app.js?1487867489:37 initial setup app.js?1487867489:35 T.r {attributes: Object, _escapedAttributes: Object, cid: "c0", changed: Object, _silent: Object…} app.js?1487867489:37 Got players value... app.js?1487867489:37 joining game... 17app.js?1487867489:35 Full load page! app.js?1487867489:37 We have 17 pages app.js?1487867489:40 refershing page listings! app.js?1487867489:35 Player -KNnIID9x2C3nCuGsj_C is offline... app.js?1487867489:14 THREE.WebGLRenderer 69 app.js?1487867489:36 Global Volume: 100=1 app.js?1487867489:35 Player -KNo4pDnVlPBtTMpBK1n is offline... app.js?1487867489:35 Player -KNssc6Mn_CWou4yE0X2 is offline... app.js?1487867489:35 Player -KR0yEsHI77bqUesFLKn is offline... app.js?1487867489:37 Deferred finish joining... app.js?1487867489:31 Firebase Online app.js?1487867489:44 Loading Roll20 Chat Event Handlers app.js?1487867489:37 handle page changes app.js?1487867489:37 false app.js?1487867489:33 Do refresh link cache! app.js?1487867489:37 init active page! app.js?1487867489:35 activate page! app.js?1487867489:35 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1487867489:38 Scan for new plays! app.js?1487867489:45 Refresh Journal List! app.js?1487867489:45 Search took 100ms app.js?1487867489:35 Reorder by ZORDER jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://i.imgur.com/53WSdhx.png" rel="nofollow">http://i.imgur.com/53WSdhx.png</a>'. This content should also be served over HTTPS. get @ jquery.1.8.2.min.js:2 css @ jquery.1.8.2.min.js:2 (anonymous) @ jquery.1.8.2.min.js:2 access @ jquery.1.8.2.min.js:2 p.fn.(anonymous function) @ jquery.1.8.2.min.js:2 d20.textchat.incoming @ app.js?1487867489:44 o @ app.js?1487867489:44 n @ base.js?1483835732:1 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://i.imgur.com/gw9HTsq.png" rel="nofollow">http://i.imgur.com/gw9HTsq.png</a>'. This content should also be served over HTTPS. get @ jquery.1.8.2.min.js:2 css @ jquery.1.8.2.min.js:2 (anonymous) @ jquery.1.8.2.min.js:2 access @ jquery.1.8.2.min.js:2 p.fn.(anonymous function) @ jquery.1.8.2.min.js:2 d20.textchat.incoming @ app.js?1487867489:44 o @ app.js?1487867489:44 n @ base.js?1483835732:1 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://i.imgur.com/4RCRsAd.png" rel="nofollow">http://i.imgur.com/4RCRsAd.png</a>'. This content should also be served over HTTPS. get @ jquery.1.8.2.min.js:2 css @ jquery.1.8.2.min.js:2 (anonymous) @ jquery.1.8.2.min.js:2 access @ jquery.1.8.2.min.js:2 p.fn.(anonymous function) @ jquery.1.8.2.min.js:2 d20.textchat.incoming @ app.js?1487867489:44 o @ app.js?1487867489:44 n @ base.js?1483835732:1 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://i.imgur.com/4988JS0.png" rel="nofollow">http://i.imgur.com/4988JS0.png</a>'. This content should also be served over HTTPS. get @ jquery.1.8.2.min.js:2 css @ jquery.1.8.2.min.js:2 (anonymous) @ jquery.1.8.2.min.js:2 access @ jquery.1.8.2.min.js:2 p.fn.(anonymous function) @ jquery.1.8.2.min.js:2 d20.textchat.incoming @ app.js?1487867489:44 o @ app.js?1487867489:44 n @ base.js?1483835732:1 jquery.1.8.2.min.js:2 Mixed Content: The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but requested an insecure image '<a href="http://imgsrv.roll20.net/?src=i.imgur.com/qxjpJEB.jpg" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/qxjpJEB.jpg</a>'. This content should also be served over HTTPS. get @ jquery.1.8.2.min.js:2 css @ jquery.1.8.2.min.js:2 (anonymous) @ jquery.1.8.2.min.js:2 access @ jquery.1.8.2.min.js:2 p.fn.(anonymous function) @ jquery.1.8.2.min.js:2 d20.textchat.incoming @ app.js?1487867489:44 o @ app.js?1487867489:44 n @ base.js?1483835732:1 app.js?1487867489:48 Refresh jukebox List! app.js?1487867489:35 Graphics: 10 app.js?1487867489:35 Paths: 0 app.js?1487867489:40 refershing page listings! app.js?1487867489:34 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2136" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2136</a>... to <a href="https://s3.amazonaws.com/files.d20.io/images/2136" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2136</a>... app.js?1487867489:35 Reorder by ZORDER app.js?1487867489:35 Reorder by ZORDER app.js?1487867489:34 setting src app.js?1487867489:30 Cols: 2 Rows: 1 app.js?1487867489:30 Took 1ms to generate cache. app.js?1487867489:47 window resize app.js?1487867489:32 Final set zoom! app.js?1487867489:31 UPDATE GL SIZE! app.js?1487867489:32 Final set zoom! app.js?1487867489:47 window resize app.js?1487867489:32 Final set zoom! app.js?1487867489:31 UPDATE GL SIZE! app.js?1487867489:32 Final set zoom! app.js?1487867489:47 window resize app.js?1487867489:32 Final set zoom! app.js?1487867489:31 UPDATE GL SIZE! app.js?1487867489:32 Final set zoom!

Thank you for the completeness in your bug report; I've brought your issues to the attention of the Roll20 Dev Team.

I've noticed that this issue seems to pop up exclusively with [older] Macs: <a href="https://app.roll20.net/forum/post/2467183/table-looks-like-it-got-flipped-every-time-i-log-in-on-firefox" rel="nofollow">https://app.roll20.net/forum/post/2467183/table-looks-like-it-got-flipped-every-time-i-log-in-on-firefox</a> <a href="https://app.roll20.net/forum/post/3778700/large-images-distort" rel="nofollow">https://app.roll20.net/forum/post/3778700/large-images-distort</a> <a href="https://app.roll20.net/forum/post/4317384/visual-bug-on-chrome" rel="nofollow">https://app.roll20.net/forum/post/4317384/visual-bug-on-chrome</a> <a href="https://app.roll20.net/forum/post/4433705/loaded-maps-and-objects-are-pixelated-on-screen" rel="nofollow">https://app.roll20.net/forum/post/4433705/loaded-maps-and-objects-are-pixelated-on-screen</a> <a href="https://app.roll20.net/forum/post/4623084/weird-display-issue-on-4k-monitors" rel="nofollow">https://app.roll20.net/forum/post/4623084/weird-display-issue-on-4k-monitors</a> I've also personally experienced this issue when using an early-2008 Macbook. My guess is that NVIDIA GeForce graphics cards may be responsible. As in your case, many users experiencing these issues report being able to solve them by disabling their browsers' hardware acceleration. However, as you mentioned, disabling hardware acceleration will likely present other issues. As a workaround, you might try seeing how far you can get with Safari, which may necessitate using third-party communications software.

So far I've tried using WEBRTC Everywhere and Temasys WEBRTC plugins for Safari (I think i saw this one recommended in the forums). They work really good everywhere...except Roll20. Tried changing the user agent, but no go. Must be something else that has to trigger it to work or not. Very disheartening. It used to work so well, now I spend hours testing for two days before every game, and most of the game apologizing to my players for my weak work arounds. I've tried this with another similarly configured mac that had Windows 7 installed on it, and it seems to work. So it must be some combination of Nvidia, Mac El Capitan Nvidia drivers, and newer versions of Chrome. I realize Macs are still in the minority, but man it sucks to be frozen out of Roll20 due to a browser bug. Buy a new computer? Install Windows just to play Roll20? Stop playing until it is fixed? I guess the next step is to start looking for old versions of chrome. I'll post back if I find any combination that works.

Eureka! Seems to be working like it used to with Chrome&nbsp;54.0.2840.71 (64-bit) and Hardware Acceleration ON Tomorrow is game night. Fingers crossed. I'll report back in, if only to help others with similar issues. After this I think I'll start lurking in the WEBRTC VIDEO and VOICECHAT channels. Seems to be a popular place full of like-minded (and frustrated) individuals! :) Have to find a solution soon, since Google Hangout's future is questionable.

Thank you for your troubleshooting efforts; I'll try my best to help make sure that they will be appreciated by others in similar situations. 808 said: Eureka! Seems to be working like it used to with Chrome&nbsp;54.0.2840.71 (64-bit) and Hardware Acceleration ON It's great that you found an older browser version that works. Roll20's officially-supported browsers are the latest versions of Chrome and Firefox, so I hope that Chrome 54.0 continues to remain a viable option to you.

Just a follow up to this. I've played a few sessions since switching back to the older version of chrome and things have been running smooth ever since. I realize it isn't "officially supported" but obviously the officially supported isn't working for everyone. I'll occasionally pop in and try a new version of chrome to see if the problem ever resolves itself, but this is the best work around for me at the moment. WebRTC is still pretty horrific in general, but that doesn't seem to matter what browser is being used. I just don't think that technology is every going to be efficient for more than those with the highest bandwidth. &nbsp;I can't remember who posted the tip earlier, but having used Vsee last night for a couple of hours, I think that is the way to go. Better audio quality than Discord, and the video generally worked well for our low bandwidth player. When it didn't work, it at least would recover gracefully. I especially like being able to pin the windows over the top of my map and just cover up where the Roll20 video would be. I'm not giving up on you, Roll20! You're an unpolished gem!