Preview normal but not a final result

Hello to all. I try to import in my Hypes file a external html with a moving sea. I change the path of the image in my Library folder. I have a normal preview but not a final result...my programming knowledge is almost zero!
thanks
Moving Sea.zip (1.4 MB)

Don´t use a HTML-Widget but just a simple rectangle and put your code into its inner HTML. Works for me...

<svg width="0" height="0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <filter id="water">
    <feTurbulence type="fractalNoise" baseFrequency=".05 .05" numOctaves="1" result="noise1"></feTurbulence>
    <feColorMatrix in="noise1" type="hueRotate" values="0" result="noise2">
      <animate attributeName="values" from="0" to="360" dur="1s" repeatCount="indefinite"></animate>
    </feColorMatrix>
    <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="7" in="SourceGraphic" in2="noise2"></feDisplacementMap>
  </filter>
</svg>

<img src=" ${resourcesFolderName}/water small.jpeg" alt="Hawaiian water crashes against the rocks">

Moving Sea_kt.zip (1.4 MB)

2 Likes

It works!!!!! Thanks!!!!!