Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Loaded maps and objects are pixelated on screen

Issue: When I log into any game through Chrome, the game screen appears to be broken into staggered layers (see attached screenshot). Games load normally in Safari. Step by step instructions on how to reproduce the issue: Log into any other game through Chrome that I belong to. Your computer's settings: Web browser and version: Chrome 55.0.2883.95 (64-bit) "Google Chrome is up to date." Operating System: Mac OS X 10.9.5 Javascript is enabled Anti-virus software: Avast Online Security List of any browser add-ons or extensions enabled: Avast Online Security 12.0.163 and  Google Docs Offline 1.4; turning these off does not fix the problem Screenshot and console log attached.
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 <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-OgoOK2/7FO7uqVgoNxJVfEZJQ+Ysk/8HL7arhHZaCL8='), 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 <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-g/RZo8vf07Pu8/gSqYdWwmd3NQYKzaVylxDWr2JAUf0='), or a nonce ('nonce-...') is required to enable inline execution. app.js?1482949938:31 70 app.js?1482949938:31 TOUCH SUPPORTED: false app.js?1482949938:31 USING WEBGL ACCELERATION... app.js?1482949938:31 WEBGL STARTUP SUCCESS app.js?1482949938:26 select app.js?1482949938:26 Switch mode to select app.js?1482949938:42 Initializing new dice engine with randomness... app.js?1482949938:42 Using random entropy app.js?1482949938:47 window resize app.js?1482949938:32 Final set zoom! app.js?1482949938:31 UPDATE GL SIZE! app.js?1482949938:32 Final set zoom! tutorial_tips.js:7 tuts loaded app.js?1482949938:38 Final page load. app.js?1482949938:47 Refresh jukebox List! app.js?1482949938:37 Auth'ed. app.js?1482949938:37 Go post auth! app.js?1482949938:37 initial setup app.js?1482949938:47 Refresh jukebox List! app.js?1482949938:35 T.r app.js?1482949938:37 Got players value... app.js?1482949938:37 joining game... app.js?1482949938:36 Global Volume: 62=0.3844 app.js?1482949938:35 Player -IyLC4tZsMHBkTvb7-AK is offline... app.js?1482949938:35 Player -JIjuARw3CzJdWyxy0u9 is offline... app.js?1482949938:35 Player -JuYRz7DAC56XLFcYj2F is offline... app.js?1482949938:35 Player -K3kIgMGQf7M3pVWMiHX is offline... app.js?1482949938:35 Player -KTfELDVM8ZHOutc6ufv is offline... 7app.js?1482949938:35 Full load page! app.js?1482949938:37 We have 28 pages app.js?1482949938:37 Deferred finish joining... app.js?1482949938:31 Firebase Online app.js?1482949938:40 refershing page listings! app.js?1482949938:45 Refresh Journal List! app.js?1482949938:45 Search took 13ms app.js?1482949938:38 Scan for new plays! app.js?1482949938:37 handle page changes app.js?1482949938:37 false app.js?1482949938:47 Refresh jukebox List! <a href="https://s3.amazonaws.com/files.d20.io/images/25281478/mDQS8H7HmQ4iCTeBVE2Jww/thumb.gif?1479175852" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/25281478/mDQS8H7HmQ4iCTeBVE2Jww/thumb.gif?1479175852</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/23998847/jTDTpZ_e_rKt2Y2w1m3TFg/thumb.gif?1476031196" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/23998847/jTDTpZ_e_rKt2Y2w1m3TFg/thumb.gif?1476031196</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/24145794/OBN5QYdwP8G6ax1CZ030gQ/thumb.gif?1476411188" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/24145794/OBN5QYdwP8G6ax1CZ030gQ/thumb.gif?1476411188</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/24223933/ZsRzB1M53jdN5rGgkRR4zg/thumb.gif?1476576195" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/24223933/ZsRzB1M53jdN5rGgkRR4zg/thumb.gif?1476576195</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/23437077/XnEBKVNt9w316CvIGKVHew/thumb.gif?1474754471" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/23437077/XnEBKVNt9w316CvIGKVHew/thumb.gif?1474754471</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/23980781/D89SBslmW55U7Mwj4zUt3A/thumb.gif?1475983072" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/23980781/D89SBslmW55U7Mwj4zUt3A/thumb.gif?1475983072</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/22209321/RJNsUhCORdNTSNMG-miCXA/thumb.jpeg?1471808854" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/22209321/RJNsUhCORdNTSNMG-miCXA/thumb.jpeg?1471808854</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/22208716/DaVQoykYoFnl4Sqgq0zKOA/thumb.jpeg?1471808085" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/22208716/DaVQoykYoFnl4Sqgq0zKOA/thumb.jpeg?1471808085</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/24897031/YNmD2jOufJBlV2GGiqzaow/thumb.jpg?1478225005" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/24897031/YNmD2jOufJBlV2GGiqzaow/thumb.jpg?1478225005</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/22237665/DGnDAMrEc4R9TjCbv7pNNw/thumb.gif?1471888680" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/22237665/DGnDAMrEc4R9TjCbv7pNNw/thumb.gif?1471888680</a> Failed to load resource: the server responded with a status of 403 (Forbidden) app.js?1482949938:33 Do refresh link cache! app.js?1482949938:37 init active page! app.js?1482949938:35 activate page! app.js?1482949938:35 FULLY ACTIVATE VIEWS FOR PAGE. 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:5100/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net:5100/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a>'. This content should also be served over HTTPS. app.js?1482949938:45 Refresh Journal List! app.js?1482949938:45 Search took 86ms <a href="https://s3.amazonaws.com/files.d20.io/images/22199467/YZhgRpDsQ1DCViPvCchpcg/thumb.jpeg?1471791833" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/22199467/YZhgRpDsQ1DCViPvCchpcg/thumb.jpeg?1471791833</a> Failed to load resource: the server responded with a status of 403 (Forbidden) <a href="https://s3.amazonaws.com/files.d20.io/images/21186208/BjsZl__MnUn2hfqA3MqQRg/thumb.gif?1469229970" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/21186208/BjsZl__MnUn2hfqA3MqQRg/thumb.gif?1469229970</a> Failed to load resource: the server responded with a status of 403 (Forbidden) app.js?1482949938:47 Refresh jukebox List! app.roll20.net/:1 Access to Image at '<a href="https://s3.amazonaws.com/files.d20.io/images/167207/bs7tWKWPHM4neerOQSrDCA/thumb.jpg?134571564355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/167207/bs7tWKWPHM4neerOQSrDCA/thumb.jpg?134571564355</a>' from origin '<a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a>' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a>' is therefore not allowed access. 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:5100/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net:5100/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a>'. This content should also be served over HTTPS. app.js?1482949938:35 Graphics: 93 app.js?1482949938:35 Paths: 52 app.js?1482949938:40 refershing page listings! app.js?1482949938:34 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/2770820/acetCTUGzkuNjBAniAiyiA/thumb.png?138995152055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2770820/acetCTUGzkuNjBAniAiyiA/thumb.png?138995152055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/2770820/acetCTUGzkuNjBAniAiyiA/med.png?138995152055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/2770820/acetCTUGzkuNjBAniAiyiA/med.png?138995152055</a> app.js?1482949938:34 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/65581/thumb.png?13409676625" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/65581/thumb.png?13409676625</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/65581/med.png?13409676625" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/65581/med.png?13409676625</a> app.js?1482949938:34 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/18946/thumb.png?13388940385" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/18946/thumb.png?13388940385</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/18946/med.png?13388940385" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/18946/med.png?13388940385</a> app.js?1482949938:34 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/337622/mDWFhLdJ3UJz0wcaWcFzKw/thumb.png?13518582805" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/337622/mDWFhLdJ3UJz0wcaWcFzKw/thumb.png?13518582805</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/337622/mDWFhLdJ3UJz0wcaWcFzKw/med.png?13518582805" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/337622/mDWFhLdJ3UJz0wcaWcFzKw/med.png?13518582805</a> app.js?1482949938:30 Error loading image, probably due to cors. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/167207/bs7tWKWPHM4neerOQSrDCA/thumb.jpg?13457156435" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/167207/bs7tWKWPHM4neerOQSrDCA/thumb.jpg?13457156435</a> app.js?1482949938:35 Reorder by ZORDER app.js?1482949938:34 Swapping <a href="http://imgsrv.roll20.net:5100/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net:5100/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a> to <a href="http://imgsrv.roll20.net/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a> 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=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a>'. This content should also be served over HTTPS. 4app.js?1482949938:34 setting src 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=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a>'. This content should also be served over HTTPS. app.js?1482949938:34 setting src app.js:34 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=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a>'. This content should also be served over HTTPS. n.onload @ app.js:34 app.js:34 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=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5" rel="nofollow">http://imgsrv.roll20.net/?src=i222.photobucket.com/albums/dd131/Digger2000/Plant_Dig_04.png&cb=5</a>'. This content should also be served over HTTPS. n.onload @ app.js:34 app.js?1482949938:35 Reorder by ZORDER app.js?1482949938:47 window resize app.js?1482949938:32 Final set zoom! app.js?1482949938:31 UPDATE GL SIZE! app.js?1482949938:32 Final set zoom! app.js?1482949938:35 activate page! app.js?1482949938:35 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1482949938:35 activate page! app.js?1482949938:35 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1482949938:35 activate page! app.js?1482949938:35 FULLY ACTIVATE VIEWS FOR PAGE. <a href="https://s3.amazonaws.com/files.d20.io/images/25281478/mDQS8H7HmQ4iCTeBVE2Jww/thumb.gif?1479175852" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/25281478/mDQS8H7HmQ4iCTeBVE2Jww/thumb.gif?1479175852</a> Failed to load resource: the server responded with a status of 403 (Forbidden) app.js:47 Body drop! app.js:46 drop on upper canvas app.js:32 Do width/height snapping app.js:32 Do angle snapping! app.js:35 Reorder by ZORDER app.js:47 window resize app.js:32 Final set zoom! app.js:31 UPDATE GL SIZE! app.js:32 Final set zoom! 3app.js:35 Player -Iwl2esXx_-XZqrS3Uvj is offline... app.js:47 window resize app.js:32 Final set zoom! app.js:31 UPDATE GL SIZE! app.js:32 Final set zoom! app.js:47 window resize app.js:32 Final set zoom! app.js:31 UPDATE GL SIZE! app.js:32 Final set zoom!
1483215254

Edited 1483215369
I've seen this issue pop up several times before with users using [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> I've also experienced this issue myself when using an old Macbook. Unfortunately, I have yet to hear of anyone being able to resolve this issue. Some users work around this issue by using another browser. My guess is that it might be an issue with GeForce graphics cards. Safari is not officially supported by Roll20, but Firefox is; I would suggest seeing whether these issues persist on Firefox. Otherwise, perhaps try enabling/disabling hardware acceleration on Chrome ?
Checking off Hardware Acceleration fixed it! Thanks for your help!
1483298298

Edited 1483298473
Very good to know! I should note, however, that disabling hardware acceleration may cause issues with Dynamic Lighting. I suggest testing out whether this is the case for you.