Extremely Minor Issue — Missing Heart In Poster Image 💔

[Photics]

Word is Tumult likes to know about technical issues with the software. I noticed something today…

The heart is missing in the “Poster Image”. That's probably because of the way it was added…

Dedicated to Bunny,<br>
Aunt Mary, Grandma Lillian and grandmas everywhere!<br>Built in NYC with<br>a Mac mini, Tumult Hype<br>and love.&nbsp;
<img width="24" height="24" src="${resourcesFolderName}/heart.svg">

…it's an SVG in the resource folder.

Personally, I'd probably just turn off scene thumbnails, since those images just take up space anyway.

[MaxZieb (Loves Hype)]

I don't think it's SVG. It's likely the way the heart creates its gradient with a referenced image. The thumbnail webkit instances are rendered, then snapshot, encountering sandbox and timeout limitations. Inspect the SVG code to shed light on the matter.

Regular SVG renders perfectly in the thumbnails.

[Photics]

@MaxZieb

It's likely the way the heart creates its gradient with a referenced image.

I made the linear gradient in SVG!

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 0 0 512 0 512"><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" y1="255.99" x2="512" y2="255.99"><stop offset="0" stop-color="#AC0000"/><stop offset=".28" stop-color="red"/><stop offset=".5" stop-color="#FF3434"/><stop offset="1" stop-color="#AC0000"/></linearGradient></defs><path d="M256 512S0 307.92 0 159C0 0 112.04.2 128 0c100.9-1.23 128 89 128 88 0 0 14.8-88 128-88 22.8 0 128 0 128 159 0 171.1-256 353-256 353z" fill="url(#a)"/><path d="M384 0c22.8 0 128 0 128 159 0 171.1-256 353-256 353S0 307.92 0 159C0 0 112.04.2 128 0c100.9-1.23 128 89 128 88 0 0 14.8-88 128-88zM131.9 12h-3.88c-8.15.1-13.81.46-21.99 1.89a110.23 110.23 0 0 0-35.22 12.3c-16.32 9.16-29.87 22.7-39.93 41.55C18.68 90.64 12 120.75 12 159c0 27.76 9.8 59.5 28.42 94.4 21.84 40.91 55 84.76 96.42 129.83 27.7 30.15 57.43 59.03 87.16 85.61a1194.1 1194.1 0 0 0 28.71 24.9c2.7 2.26 1.47 1.24 3.68 3.07 1.9-1.41.78-.57 3.36-2.52a937.79 937.79 0 0 0 28.63-22.66c29.65-24.37 59.3-51.39 86.95-80.27C443.23 320.44 487.67 250.3 497.82 186a172.87 172.87 0 0 0 2.18-27c0-39.91-6.8-70.92-19.25-94.06-10.2-18.98-23.9-32.21-40.45-40.82-10.38-5.4-21.52-8.79-33.17-10.58C399.06 12.3 392.94 12 384 12c-24.8 0-45.5 4.43-62.6 12.58a98.33 98.33 0 0 0-50.11 53.96 82.94 82.94 0 0 0-2.82 8.7c-.23.9-.46 1.81-.63 2.73-.22 1.88-1.26 3.48-2.14 5.1-1.75 2.12-1.75 2.12-4.95 3.96-3.72 1.11-3.72 1.11-7.03.76-2.62-.75-2.62-.75-4.17-1.66-1.2-.84-1.2-.84-1.9-1.5-2.32-2.93-2.32-2.93-2.5-3.5-.2-.39-.3-.64-.43-1l-.16-.41-.15-.4a118.3 118.3 0 0 0-4.96-11.45 132.24 132.24 0 0 0-18.6-28C196.61 24.35 168.03 13.3 131.91 12zm112.13 75.29c-.03.43-.02.19-.03.71l.03-.71zm.13-1.27v.04l-.04.33.04-.37zm.12-.62c-.06.25-.02.06-.1.56l.1-.56z" fill="#900000"/></svg>

The game is playable. It's over here… https://photics.com/games/circles-with-grandma/

[MaxZieb (Loves Hype)]

Nice, strange... When I paste your SVG into a file and drag it into Hype, I get the preview.

[Photics]

I think the problem… which is why I say it's extremely minor… is that it's added via HTML in an element. Also, it's an SVG image. That's not a common way to work with Hype.

I forgot the exact reason why I did it that way.

It's also a minor issue because not game breaking, because players don't usually see the Hype thumbnails for scenes.

I'm just reporting the issue, because I think Tumult prefers that. The real blocker is all the Web App stuff.

[jonathan (Jonathan Deutsch)]

Yes, thank you for reporting the issue! You're welcome to send the .hype document (I didn't see it on the page), but the general issue of SVGs not displaying in the thumbnail view is a known bug. It has to do with webkit rendering offscreen in some, but not all, circumstances.

(I don't think the WebKit team will ever fix this specific bug since they have a more general solution; unfortunately that general solution has other tradeoffs that don't work so well for Hype's thumbnail generation...)