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

Depth Ordering Broken on Old Maps

1559837434
Tali
Pro
Marketplace Creator
Sheet Author
Depth ordering (to front / to back) seems to be wholly busted in most of my maps.&nbsp; We can use the buttons, and the box for clicking &nbsp;works right- &nbsp; &nbsp; What I mean by this is if a token is behind another, the one on top is clicked first.&nbsp; If I use 'To Front', the one behind will still appear behind, but if I click the one on top, it selects the one in back as if it were actually in front.&nbsp; Seems that 1/2 of the depth ordering works.&nbsp; Refreshing the page does nothing.&nbsp; It seems to have a retroactive effect on all places where I've used depth ordering before, for example in one map the floor is now permanently ontop of the furniture and we can't do anything about it. Sometimes it even went as far as to put tokens on top &nbsp;of the Dynamic lighting layer, which was rather jarring for my players.&nbsp; We also found a few phantom bits of drawing and empty bounding boxes strewn about the maps that none of us placed there. On top of this, the longer we have a map loaded, the more laggy the game gets (for everyone) until eventually it's almost un-playable and we have to refresh the page.&nbsp; This issue started coming about almost immediately after the Dynamic Lighting update 2 days ago.&nbsp; Everything was 100% fine the night prior, as we had a session during both days. Browser: &nbsp;Firefox, Chrome, and Vivaldi (all the most recent versions, same results across multiple computers) Extensions: Varied, usually none (attempted disabling to no effect) Operating System: &nbsp;Windows 10 Clearing the cache did nothing.&nbsp;&nbsp; Console Log: Error applying filters... app.js?1559663039:541 DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. &nbsp; &nbsp; at n.applyTo (<a href="https://app.roll20.net/assets/app.js?1559663039:541:16342" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:16342</a>) &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/app.js?1559663039:541:4193" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:4193</a> &nbsp; &nbsp; at Array.forEach (&lt;anonymous&gt;) &nbsp; &nbsp; at n.applyFilters (<a href="https://app.roll20.net/assets/app.js?1559663039:541:4168" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:4168</a>) &nbsp; &nbsp; at T.i.syncToEditor (<a href="https://app.roll20.net/assets/app.js?1559663039:546:16115" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:546:16115</a>) &nbsp; &nbsp; at fabric.Image.fromURL.usecors (<a href="https://app.roll20.net/assets/app.js?1559663039:546:13406" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:546:13406</a>) &nbsp; &nbsp; at HTMLImageElement.c (<a href="https://app.roll20.net/assets/app.js?1559663039:541:7435" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:7435</a>) app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/thumb.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/thumb.jpg?1546199494</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494</a> app.js?1559663039:546 Applying filter app.js?1559663039:541 Error applying filters... app.js?1559663039:541 DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. &nbsp; &nbsp; at n.applyTo (<a href="https://app.roll20.net/assets/app.js?1559663039:541:16342" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:16342</a>) &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/app.js?1559663039:541:4193" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:4193</a> &nbsp; &nbsp; at Array.forEach (&lt;anonymous&gt;) &nbsp; &nbsp; at n.applyFilters (<a href="https://app.roll20.net/assets/app.js?1559663039:541:4168" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:4168</a>) &nbsp; &nbsp; at T.i.syncToEditor (<a href="https://app.roll20.net/assets/app.js?1559663039:546:16115" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:546:16115</a>) &nbsp; &nbsp; at fabric.Image.fromURL.usecors (<a href="https://app.roll20.net/assets/app.js?1559663039:546:13406" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:546:13406</a>) &nbsp; &nbsp; at HTMLImageElement.c (<a href="https://app.roll20.net/assets/app.js?1559663039:541:7435" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:7435</a>) app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/thumb.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/thumb.jpg?1546199494</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494</a> app.js?1559663039:546 Applying filter app.js?1559663039:541 Error applying filters... app.js?1559663039:541 DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. &nbsp; &nbsp; at n.applyTo (<a href="https://app.roll20.net/assets/app.js?1559663039:541:16342" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:16342</a>) &nbsp; &nbsp; at <a href="https://app.roll20.net/assets/app.js?1559663039:541:4193" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:4193</a> &nbsp; &nbsp; at Array.forEach (&lt;anonymous&gt;) &nbsp; &nbsp; at n.applyFilters (<a href="https://app.roll20.net/assets/app.js?1559663039:541:4168" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:4168</a>) &nbsp; &nbsp; at T.i.syncToEditor (<a href="https://app.roll20.net/assets/app.js?1559663039:546:16115" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:546:16115</a>) &nbsp; &nbsp; at fabric.Image.fromURL.usecors (<a href="https://app.roll20.net/assets/app.js?1559663039:546:13406" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:546:13406</a>) &nbsp; &nbsp; at HTMLImageElement.c (<a href="https://app.roll20.net/assets/app.js?1559663039:541:7435" rel="nofollow">https://app.roll20.net/assets/app.js?1559663039:541:7435</a>) app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/thumb.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/thumb.jpg?1546199494</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70067400/_8tRDo35bOiV9Wwu66cwxg/med.jpg?1546199494</a> app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:546 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/thumb.png?154689540055</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:540 Executing swap, new source:&nbsp; <a href="https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/70668652/8kbYTGIc8lQkMiq5-RywQw/max.png?154689540055</a> app.js?1559663039:547 Reorder by ZORDER app.js?1559663039:547 Record ZIndexes! app.js?1559663039:547 Reorder by ZORDER app.js?1559663039:547 Record ZIndexes! app.js?1559663039:547 Reorder by ZORDER ^ Me attempting to use the To Front / To Back to no avail. Hope there's a fix to this, otherwise a game I've been playing for a very long time is likely going to need to be redone.
1559840958
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
This is a known issue and is being tracked here . I'm in the same boat. :)
We just had a release go out to fix some token layering issues. I hope this resolves the problem for both of you!
1559845171

Edited 1559849016
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
I will occasionally need to put an uncontrolled token to the top, but that can be done by assigning control to the GM. This will work. Thanks. Edit : Actually, this won't work. Players place spell template on the table all the time. There is no way to see which NPCs are affected by the spell, since the token must be controlled by the players in order to be positioned. This situation will likely affect all users of spell template packs on the marketplace.