I’m also experimenting with @elusien 's GL Transitions Generator today - it’s brilliant!
So, I made this demo featuring all 26 transitions which have a green arrow next to them (see his website) - in alphabetical order.

Thanks, @Elusien - all down to your coding brilliance - I am in awe as to how you did this!!

Also – I also just had a go at producing a short title using your Textflow - I amended the code a little to create just a Type 0 animation at a text height of 100 pixels with a light blue background. I applied it to a darker blue colour clip, and this was the result : Notice there is a blue border around the outside. Is this a problem or a bug?
Cheers, Jon

Just thinking, @elusien - I think your GL Transition generator and Textflow framework are important and therefore should deserve a thread of their own instead of being at the bottom of a very long one!
So, if you wanted to begin a new thread I’d be happy to re-post my last post - and I’m sure @sauron would post his too! I think this is an important development that should be seen by lots of shotcut users…
Regards, Jon

I found a tiny flaw in the code for the GL-transition generator.
When I made my demo I noticed that there is a slight shift in the image position where the transition overlay transition begins.

I tried to use the S&P filter to offset the image and correct the shift but it didn’t work. I looked at the code that @shotcut created for the swirl effect and found that his code had an additional set of parameters for canvas.
I removed the highlighted line in your code and replaced it with a line from Dan’s code . Now there is no shift in the image.

Can you post the html (including the CSS) you are using and I’ll have a look.

‘&nbsp;’ is a 'non-breaking space. I have to replace each of the normal spaces in the original text by one of these. It should appear as a normal space on the screen though, as it did on your original video (with the blue background showing…

I have fixed the code. The problem was that the <script></script> tags were actually inside another set and as such were introducing an 8-pixel margin! I have simply removed the outer set and it now works.

The new code for ‘gl-generator.js’ is on the website. This javascript file is not one that needs downloading. It is only used on the webpage itself.

Can you post the html (including the CSS) you are using and I’ll have a look.

I’ve attached the HTML file below. This is after I amended it and saved it within Shotcut’s HTML editor.
It seems to add a lot of extra complex code to the original html file (??!?!). Thanks for looking into it.

[EDIT] - I should mention that I changed the name of Webvfx.js to WebVfx (1_9).js - I tend to do that, just to differentiate between the different versions, so I don’t get too confused