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!!!!!