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

Weird Map Crosshair

I've uploaded a JPG map with 70 pixels per square, and when I look at it closely, there's an odd crosshair around the 15x15 mark. I tried the original PNG file, but it did the same thing. I've viewed the image on a photo editor, but there's no crosshair to be found. What's going on? I took a screenshot, and pinged where the issue is, available on my Photobucket.
1492963889

Edited 1492963933
I should also point out that I tried another jpg file (just an image, no map), blown up, and while the crosshair wasn't exactly in the same place, there was still one there.
1492982426
Silvyre
Forum Champion
I'm sorry to hear that you're having issues with the site. Could you please carefully work through the first three steps of our guide to Solving Technical Issues ? Step 1: Make sure to use the right browser Please check if these issues persist when using both Chrome and Firefox. Step 2: Ensure that there are no extensions/addons interfering with Roll20 Please disable all add-ons/extensions and anti-virus programs. Step 3: Clear your cache If none of the above succeeds, please thoroughly work through Step 4 . (Don't forget the complete Console Log!) Thank you!
1493063285

Edited 1493063490
Step 1: I don't see it with Chrome, but I like Firefox for security reasons, so I'm not switching to Chrome. I do have the latest version of Firefox. Step 2: Even with no extensions, Firefox still shows the crosshair. Step 3: I clear it automatically, and manual didn't help. Step 4: * Create a 27x16 unit map * Stretch the map across the entire area. Map available here. * Although it should be visible, the weird crosshair is more visible the more you zoom out. Settings: Firefox 53.0 (64-bit [also checked 32-bit]) OS: Win 7 Professional Version 6.1 (Build 7601: Service Pack 1) Javascript IS enabled. I use Microsoft Security Essentials. Browser Add-Ons: uBlock Origin (disabling it did not fix the issue). Screenshot: See first post. Console Log: 70 app.js:31:3874 TOUCH SUPPORTED: false app.js:31:29324 USING WEBGL ACCELERATION... app.js:31:30145 WEBGL STARTUP SUCCESS app.js:31:30734 select app.js:26:19540 Switch mode to select app.js:26:21386 Initializing new dice engine with randomness... app.js:42:29942 Using random entropy app.js:42:30019 window resize app.js:48:1457 Final set zoom! app.js:32:9943 UPDATE GL SIZE! app.js:31:23874 Final set zoom! app.js:32:9943 tuts loaded tutorial_tips.js:7:2 Final page load. app.js:38:10201 Refresh jukebox List! app.js:48:5968 Scan for new plays! app.js:38:7023 Auth'ed. app.js:37:18768 Go post auth! app.js:37:18965 initial setup app.js:37:19110 Object { attributes: Object, _escapedAttributes: Object, cid: "c0", changed: Object, _silent: Object, _pending: Object, _previousAttributes: Object, activePage: bound activePage(), showSettings: bound showSettings(), initActivePage: bound initActivePage(), 25 more… } app.js:35:22467 Got players value... app.js:37:19352 joining game... app.js:37:26220 Full load page! app.js:35:1587 We have 2 pages app.js:37:20170 Refresh Journal List! app.js:45:21805 Search took 27ms app.js:45:20657 refershing page listings! app.js:41:1770 Player -JO3DqKocVbHcTmENYWC is offline... app.js:35:29401 THREE.WebGLRenderer 69 app.js:14:9182 Global Volume: 100=1 app.js:36:6233 Deferred finish joining... app.js:37:26310 Firebase Online app.js:31:5360 Loading Roll20 Chat Event Handlers app.js:45:1596 handle page changes app.js:37:20710 false app.js:37:20791 Scan for new plays! app.js:38:7023 Refresh jukebox List! app.js:48:5968 Refresh Journal List! app.js:45:21805 Search took 76ms app.js:45:20657 Do refresh link cache! app.js:33:26620 refershing page listings! app.js:41:1770 init active page! app.js:37:25173 activate page! app.js:35:3749 FULLY ACTIVATE VIEWS FOR PAGE. app.js:35:3981 "Error loading image, probably due to cors. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... app.js:30:17872 "Error loading image, probably due to cors. Trying once without CORS for <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... app.js:30:17872 "Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... to <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... app.js:34:17573 Graphics: 32 app.js:35:2928 "Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... to <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... app.js:34:17573 Paths: 0 app.js:35:3124 refershing page listings! app.js:41:1770 Reorder by ZORDER app.js:35:6632 setting src app.js:34:17734 Cols: 2 Rows: 2 app.js:30:12217 Took 33ms to generate cache. app.js:30:12893 handle page changes app.js:37:20710 false app.js:37:20791 init active page! app.js:37:25173 activate page! app.js:35:3749 FULLY ACTIVATE VIEWS FOR PAGE. app.js:35:3981 Graphics: 32 app.js:35:2928 Paths: 0 app.js:35:3124 refershing page listings! app.js:41:1770 Reorder by ZORDER app.js:35:6632 Final set zoom! app.js:32:9943 Array [ 801, 339.5 ] app.js:32:10319 UPDATE GL SIZE! app.js:31:23874 Debounced init page! app.js:32:9384 init active page! app.js:37:25173 "Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... to <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... app.js:34:17573 refershing page listings! app.js:41:1770 setting src app.js:34:17734 Final set zoom! app.js:32:9943 Array [ 2955.7692307692305, 1661.5384615384614 ] app.js:32:10319 UPDATE GL SIZE! app.js:31:23874 Debounced init page! app.js:32:9384 init active page! app.js:37:25173 "Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... to <a href="https://s3.amazonaws.com/files.d20.io/images/3198" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/3198</a>... app.js:34:17573 setting src app.js:34:17734 Cols: 2 Rows: 2 app.js:30:12217 Took 1ms to generate cache. app.js:30:12893 refershing page listings! app.js:41:1770 activate page! app.js:35:3749 FULLY ACTIVATE VIEWS FOR PAGE. app.js:35:3981 window resize app.js:48:1457 Final set zoom! app.js:32:9943 Array [ 1052.941176470588, 746.3235294117646 ] app.js:32:10319 UPDATE GL SIZE! app.js:31:23874 Final set zoom! app.js:32:9943 Array [ 1052.941176470588, 746.3235294117646 ] app.js:32:10319 UPDATE GL SIZE! app.js:31:23874 Debounced init page! app.js:32:9384 init active page! app.js:37:25173 refershing page listings! app.js:41:1770 Hopefully this helps. On a glance, it looks like Roll20 may not be loading the image correctly, but that could be an incorrect interpretation.
1493064019
Gid
Roll20 Team
Ian, what's the name of the game and the page where you're seeing this crosshair on the image?
It's on my game, Cthulhu Tech: Strange Aeons, under the page "The Monitoring Station". Should I post a player link?
1493231162
Gid
Roll20 Team
No need, Ian, just knowing the name of the game, I can locate it. I'm not seeing the graphic issue on my end on Firefox, so it's likely a browser/client-side issue. Have you updated your graphic drivers recently?
Yeah, it's up to date. It's weird that you don't see it, did you try zooming out a bit? The only reason I ask is that it shows up on my PC which uses GeForce, and my laptop which uses Radeon
1493255541

Edited 1493255620
That, and it doesn't start with the weird crosshair, but changing the zoom via the zoom bar in any way causes it to appear.
1493840718
Gid
Roll20 Team
Ah! I see what you mean. I had to zoom out past 40%before it appears, and then it sticks no matter what the zoom. Now that I can replicate this, I can ask the Devs about this.
If it helps, it also seems to occur for me when I zoom in from the fresh map, but I don't know the percentage that it's at when it occurs.
1494007809
Gid
Roll20 Team
After talking with the Devs about this, what appears to be the heart of the matter is a conflict between Firefox and WebGL. This visual crosshair isn't a glitch with the drawing of the grid. If you change the color of the grid, you'll notice that the crosshair doesn't change to match. This is likely WebGL failing to knit portions of the image together when you zoom in and out of the HTML5 Canvas. It's why it only appears after playing with the zoom and disappears after reloading the browser tab. There might be something that we can try to develop which gives some additional logic to the Tabletop that could catch and fix these sort of WebGL. I've put together a ticket to see what we can do about this when we address Tabletop improvements in future development cycles. In the mean time and iIf you want to stick with Firefox, Ian, my recommendation is to choose a vibrant grid color that stands out. That way if this crosshair occurs on other Pages, you'll be able to tell which is just a graphic glitch and which is an actual grid line.