Don’t know if it’s been tried before, but had an idea to use the webvfx @Elusien created to animate pictures instead of text.
Tried it out and works pretty well, it’s an easy way to create lower third straps/graphics.
First create the strap/graphic in your favourite package and save it as a png with alpha.
If you haven’t already, grab the webvfx.js file from here:
The latest version is 1.11.
I renamed mine to “WebVfx111.js” so I wouldn’t get confused with other versions.
I’m going to assume that those who want to try this are already familiar with html and webvfx.
For those that aren’t, I highly recommend the tutorials created by @jonray.
Do a search on this forum.
As long as you put the latest version in the same folder as the html files, it will be found.
You will see there are two versions.
The first one called “Strap1” grows and shrinks.
This is done by specifying a percentage of the png in the width and height of the html code.
The second version, “Strap2”, does a wipe in and out, this is achieved by not specifying anything for width and height.
Feel free to tweak values of the different parameters.
Hope this gives others some ideas on how to “misuse” WebVfx to achieve different effects.
Here are all the files minus the video clip:
Straps.zip (100.2 KB)