VP19b458 - GL Transitions feature

set wrote on 12/25/2021, 3:18 PM

VEGAS Pro 19 update build 458 has new transition called as GL Transition (OpenGL Transitions).

There are 50 new presets of transition included, ready to be used... BUT, you can also add your own (😳😮), if you have coding skill like shown in https://gl-transitions.com/

 

Example 1

On the website you will find the missing transition "Heart" ( https://gl-transitions.com/editor/heart ).

This transition does not require any parameters. You can copy this transition to the textbox of your "default" preset. Give it a new name and save the preset with "Heart". Done.

You created a new transition. Cool... is'nt it?

 

Example 2

Next. You would like to extand an existing transition with additional parameters. For example... The preset "Bounce" for up and down exists. You would like to create the bounce from left to right. On the web site you will find the code with parameters. The default preset in VEGAS is not able to add new parameters on-the-fly...

No problem... remove the "uniform" and add some values (the default values are behind "//") with an ending semicolon.

vec4 shadow_colour = vec4(0.,0.,0.,.6);
float shadow_height = 0.075;
float bounces = 3.0;

The code below is only the physics (math) to bounce an object, to mix 2 frames with different pixel position and to draw a shadow.

If you change "x" and "y" position or invert the movement with 1-x or 1-y. You are done.

Bounce (Left to Right)

vec4 shadow_colour = vec4(0.,0.,0.,.6);
float shadow_height = 0.075;
 float bounces = 3.0;

const float PI = 3.14159265358;

vec4 transition (vec2 uv) {
  float time = progress;
  float stime = sin(time * PI / 2.);
  float phase = time * PI * bounces;
  float x = (abs(cos(phase))) * (1.0 - stime);
  float d = uv.x - x;
  return mix(
    mix(
      getToColor(uv),
      shadow_colour,
      step(d, shadow_height) * (1. - mix(
        ((d / shadow_height) * shadow_colour.a) + (1.0 - shadow_colour.a),
        1.0,
        smoothstep(0.95, 1., progress) // fade-out the shadow at the end
      ))
    ),
    getFromColor(vec2(uv.x + (1. - x), uv.y)),
    step(d, 0.0)
  );
}

Bounce (Right to Left)

vec4 shadow_colour = vec4(0.,0.,0.,.6);
float shadow_height = 0.075;
float bounces = 3.0;

const float PI = 3.14159265358;

vec4 transition (vec2 uv) {
  float time = progress;
  float stime = sin(time * PI / 2.);
  float phase = time * PI * bounces;
  float x = 1. - (abs(cos(phase))) * (1.0 - stime);
  float d = uv.x - x;
  return mix(
    mix(
      getToColor(uv),
      shadow_colour,
      step(d, shadow_height) * (1. - mix(
        ((d / shadow_height) * shadow_colour.a) + (1.0 - shadow_colour.a),
        1.0,
        smoothstep(0.95, 1., progress) // fade-out the shadow at the end
      ))
    ),
    getFromColor(vec2(uv.x + (1. - x), uv.y)),
    step(d, 0.0)
  );
}

 

Example 3

Finally, you created you own transition like in example 2 and you would like to have your own sliders and parameters. This would also work.

The custom presets for this transition FX are stored in "C:\User\<username>\Documents\OFX Presets\de.magix_glTransition\Transition\"

So, you may want to save this preset, say, "C:\Users\<username>\Documents\OFX Presets\de.magix_glTransition\Transition\BounceRtoL.xml"

 

Start with this line first:

<?xml version="1.0" encoding="UTF-8"?>

 

Next, copy the bounce OfxPreset and give it a new name (name="Bounce (Right to Left)"). You can reuse the bounce parameter and you only have to change your code in OfxParamTypeString name="GLSLString".

<OfxPreset plugin="de.magix:glTransition" context="Transition" name="Bounce (Right to Left)">
    <OfxPlugin>de.magix:glTransition</OfxPlugin>
    <OfxPluginVersion>1 0</OfxPluginVersion>
    <OfxParamTypeInteger name="IsPreset">
      <OfxParamValue>14</OfxParamValue>
    </OfxParamTypeInteger>
    <OfxParamTypeDouble name="kParamFloat0">
      <OfxParamValue>0.075</OfxParamValue>
    </OfxParamTypeDouble>    
    <OfxParamTypeDouble name="kParamFloat1">
      <OfxParamValue>3</OfxParamValue>
    </OfxParamTypeDouble>    
    <OfxParamTypeRGBA name="kParamVec40">
      <OfxParamValue>0 0 0 0.6</OfxParamValue>
    </OfxParamTypeRGBA>    
     <OfxParamTypeString name="kParamFloat0Name">
      <OfxParamValue>Shadow Height</OfxParamValue>
    </OfxParamTypeString>    
     <OfxParamTypeString name="kParamFloat1Name">
      <OfxParamValue>Bounces</OfxParamValue>
    </OfxParamTypeString>    
     <OfxParamTypeString name="kParamVec40Name">
      <OfxParamValue>Shadow Color</OfxParamValue>
    </OfxParamTypeString>
    <OfxParamTypeString name="GLSLString">
      <OfxParamValue> 
// Author: Adrian Purser
// License: MIT

uniform vec4 kParamVec40; // = vec4(0.,0.,0.,.6)
uniform float kParamFloat0; // = 0.075; [0.01,0.4]
uniform float kParamFloat1; // = 3.0 [0.1, 10]

const float PI = 3.14159265358;

vec4 transition (vec2 uv) {
  float time = progress;
  float stime = sin(time * PI / 2.);
  float phase = time * PI * kParamFloat1;
  float x = (abs(cos(phase))) * (1.0 - stime);
  float d = uv.x - x;
  return mix(
    mix(
      getToColor(uv),
      kParamVec40,
      step(d, kParamFloat0) * (1. - mix(
        ((d / kParamFloat0) * kParamVec40.a) + (1.0 - kParamVec40.a),
        1.0,
        smoothstep(0.95, 1., progress) // fade-out the shadow at the end
      ))
    ),
    getFromColor(vec2(uv.x + (1. - x), uv.y)),
    step(d, 0.0)
  );
}

      </OfxParamValue>
    </OfxParamTypeString>    
</OfxPreset>

Save the file as XML (uft8 encoded) in the folder mentioned above ("C:\User\<username>\Documents\OFX Presets\de.magix_glTransition\Transition\").

Done.

Last changed by set

Setiawan Kartawidjaja
Bandung, West Java, Indonesia (UTC+7 Time Area)

Personal FB | Personal IG | Personal YT Channel
Chungs Video FB | Chungs Video IG | Chungs Video YT Channel
Personal Portfolios YouTube Playlist
Pond5 page: My Stock Footage of Bandung city

 

System 5-2021:
Processor: Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz   2.90 GHz
Video Card1: Intel UHD Graphics 630 (Driver 31.0.101.2127 (Feb 1 2024 Release date))
Video Card2: NVIDIA GeForce RTX 3060 Ti 8GB GDDR6 (Driver Version 551.23 Studio Driver (Jan 24 2024 Release Date))
RAM: 32.0 GB
OS: Windows 10 Pro Version 22H2 OS Build 19045.3693
Drive OS: SSD 240GB
Drive Working: NVMe 1TB
Drive Storage: 4TB+2TB

 

System 2-2018:
ASUS ROG Strix Hero II GL504GM Gaming Laptop
Processor: Intel(R) Core(TM) i7 8750H CPU @2.20GHz 2.21 GHz
Video Card 1: Intel(R) UHD Graphics 630 (Driver 31.0.101.2111)
Video Card 2: NVIDIA GeForce GTX 1060 6GB GDDR5 VRAM (Driver Version 537.58)
RAM: 16GB
OS: Win11 Home 64-bit Version 22H2 OS Build 22621.2428
Storage: M.2 NVMe PCIe 256GB SSD & 2.5" 5400rpm 1TB SSHD

 

* I don't work for VEGAS Creative Software Team. I'm just Voluntary Moderator in this forum.

Comments

set wrote on 12/25/2021, 3:32 PM

I have created another post:

https://www.vegascreativesoftware.info/us/forum/gl-transitions-gallery-sharing-place-share-the-code-here--133472/ ,

if you have a final ready-to-be-used code transition that you would like to share with the community, that's the place.

 

*Personal Note: I haven't try myself these customization as ... (yes, like you may thought) this is not for every user, but this feature opens a new way of making a customized unique transition... if you have sufficient coding skill.

Thanks developers!

Last changed by set on 12/25/2021, 3:44 PM, changed a total of 1 times.

Setiawan Kartawidjaja
Bandung, West Java, Indonesia (UTC+7 Time Area)

Personal FB | Personal IG | Personal YT Channel
Chungs Video FB | Chungs Video IG | Chungs Video YT Channel
Personal Portfolios YouTube Playlist
Pond5 page: My Stock Footage of Bandung city

 

System 5-2021:
Processor: Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz   2.90 GHz
Video Card1: Intel UHD Graphics 630 (Driver 31.0.101.2127 (Feb 1 2024 Release date))
Video Card2: NVIDIA GeForce RTX 3060 Ti 8GB GDDR6 (Driver Version 551.23 Studio Driver (Jan 24 2024 Release Date))
RAM: 32.0 GB
OS: Windows 10 Pro Version 22H2 OS Build 19045.3693
Drive OS: SSD 240GB
Drive Working: NVMe 1TB
Drive Storage: 4TB+2TB

 

System 2-2018:
ASUS ROG Strix Hero II GL504GM Gaming Laptop
Processor: Intel(R) Core(TM) i7 8750H CPU @2.20GHz 2.21 GHz
Video Card 1: Intel(R) UHD Graphics 630 (Driver 31.0.101.2111)
Video Card 2: NVIDIA GeForce GTX 1060 6GB GDDR5 VRAM (Driver Version 537.58)
RAM: 16GB
OS: Win11 Home 64-bit Version 22H2 OS Build 22621.2428
Storage: M.2 NVMe PCIe 256GB SSD & 2.5" 5400rpm 1TB SSHD

 

* I don't work for VEGAS Creative Software Team. I'm just Voluntary Moderator in this forum.

set wrote on 3/18/2022, 4:00 PM

So, previously, in example 3, it was explained that the preset is saved by modifying "C:\Program Files\VEGAS\VEGAS Pro 19.0\OFX Video Plug-Ins\MagixCVFx.ofx.bundle\Contents\Presets\PresetPackage.xml".

However, doing this way is 'higher risk' and it will 'getting missing' after every application updates.

 

So, regarding to that issue, the explanation above has been updated to save the preset in "C:\User\<username>\Documents\OFX Presets\de.magix_glTransition\Transition\"

Setiawan Kartawidjaja
Bandung, West Java, Indonesia (UTC+7 Time Area)

Personal FB | Personal IG | Personal YT Channel
Chungs Video FB | Chungs Video IG | Chungs Video YT Channel
Personal Portfolios YouTube Playlist
Pond5 page: My Stock Footage of Bandung city

 

System 5-2021:
Processor: Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz   2.90 GHz
Video Card1: Intel UHD Graphics 630 (Driver 31.0.101.2127 (Feb 1 2024 Release date))
Video Card2: NVIDIA GeForce RTX 3060 Ti 8GB GDDR6 (Driver Version 551.23 Studio Driver (Jan 24 2024 Release Date))
RAM: 32.0 GB
OS: Windows 10 Pro Version 22H2 OS Build 19045.3693
Drive OS: SSD 240GB
Drive Working: NVMe 1TB
Drive Storage: 4TB+2TB

 

System 2-2018:
ASUS ROG Strix Hero II GL504GM Gaming Laptop
Processor: Intel(R) Core(TM) i7 8750H CPU @2.20GHz 2.21 GHz
Video Card 1: Intel(R) UHD Graphics 630 (Driver 31.0.101.2111)
Video Card 2: NVIDIA GeForce GTX 1060 6GB GDDR5 VRAM (Driver Version 537.58)
RAM: 16GB
OS: Win11 Home 64-bit Version 22H2 OS Build 22621.2428
Storage: M.2 NVMe PCIe 256GB SSD & 2.5" 5400rpm 1TB SSHD

 

* I don't work for VEGAS Creative Software Team. I'm just Voluntary Moderator in this forum.

relaxvideo wrote on 1/21/2023, 12:19 PM

Set and Boundless-beta or anybody :)

i have some .glsl files but if i copy to my user folder, it doesnt show up in Vegas list the cool
Exponential Swish transition which is in XML format.
Tried renaming glsl extension to xml with no luck.

How can i watch those transitions? I don't remember from where i have these, but i have 84 files.

thanks!!

 

#1 Ryzen 5-1600, 16GB DDR4, Nvidia 1660 Super, M2-SSD, Acer freesync monitor

#2 i7-2600, 32GB, Nvidia 1660Ti, SSD for system, M2-SSD for work, 2x4TB hdd, LG 3D monitor +3DTV +3D projectors

Win10 x64, Vegas22 latest

Howard-Vigorita wrote on 1/21/2023, 2:51 PM

@relaxvideo Might just be something in the xml header that needs to be conformed. But it still might not work right if it uses Adobe-specific additions beyond the Open standard. Can you put one of those .glsl files on a cloud drive so we can download and try it out?

relaxvideo wrote on 1/21/2023, 3:24 PM

A very short file for example:

// Author: Fernando Kuteken
// License: MIT

#define PI 3.141592653589

uniform float startingAngle; // = 90;

vec4 transition (vec2 uv) {
  
  float offset = startingAngle * PI / 180.0;
  float angle = atan(uv.y - 0.5, uv.x - 0.5) + offset;
  float normalizedAngle = (angle + PI) / (2.0 * PI);
  
  normalizedAngle = normalizedAngle - floor(normalizedAngle);

  return mix(
    getFromColor(uv),
    getToColor(uv),
    step(normalizedAngle, progress)
    );
}
 

#1 Ryzen 5-1600, 16GB DDR4, Nvidia 1660 Super, M2-SSD, Acer freesync monitor

#2 i7-2600, 32GB, Nvidia 1660Ti, SSD for system, M2-SSD for work, 2x4TB hdd, LG 3D monitor +3DTV +3D projectors

Win10 x64, Vegas22 latest

Howard-Vigorita wrote on 1/22/2023, 3:40 PM

The way set described it is the way I did it to install the Book Flip transition I found on github: apply the default transition, then paste the copied code into the box, and save it by naming a new preset. After closing Vegas and looking in the folder, the xml saved there had this header prefixed to the code:

<?xml version="1.0" encoding="UTF-8"?>
<OfxPreset plugin="de.magix:glTransition" context="Transition" name="Book Flip">
<OfxPlugin>de.magix:glTransition</OfxPlugin>
<OfxPluginVersion>1 0</OfxPluginVersion>
<OfxParamTypeDouble name="Transition"><OfxParamValue>0.000000</OfxParamValue></OfxParamTypeDouble>
<OfxParamTypeInteger name="IsPreset"><OfxParamValue>0</OfxParamValue></OfxParamTypeInteger>
<OfxParamTypeString name="GLSLString">        <OfxParamValue>

If you want to try making your own xmls instead of doing it within Vegas, you might try pasting that header with Notepad, filling the name in, and saving as an xml. But I'd suggest doing it as @set described, one by one, might be more expedient because if you make a pasting mistake, or one just doesn't work and locks up Vegas, you'll at least know which is the culprit.

relaxvideo wrote on 1/29/2023, 1:53 AM

thanks, sometimes it works, sometimes dont. yes, i use the transition window in vegas to insert code.

Any place for very cool GL transitions and not the stock ones? :-)

#1 Ryzen 5-1600, 16GB DDR4, Nvidia 1660 Super, M2-SSD, Acer freesync monitor

#2 i7-2600, 32GB, Nvidia 1660Ti, SSD for system, M2-SSD for work, 2x4TB hdd, LG 3D monitor +3DTV +3D projectors

Win10 x64, Vegas22 latest

set wrote on 1/29/2023, 1:56 AM

https://www.vegascreativesoftware.info/us/forum/gl-transitions-gallery-sharing-place-share-the-code-here--133472/

Setiawan Kartawidjaja
Bandung, West Java, Indonesia (UTC+7 Time Area)

Personal FB | Personal IG | Personal YT Channel
Chungs Video FB | Chungs Video IG | Chungs Video YT Channel
Personal Portfolios YouTube Playlist
Pond5 page: My Stock Footage of Bandung city

 

System 5-2021:
Processor: Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz   2.90 GHz
Video Card1: Intel UHD Graphics 630 (Driver 31.0.101.2127 (Feb 1 2024 Release date))
Video Card2: NVIDIA GeForce RTX 3060 Ti 8GB GDDR6 (Driver Version 551.23 Studio Driver (Jan 24 2024 Release Date))
RAM: 32.0 GB
OS: Windows 10 Pro Version 22H2 OS Build 19045.3693
Drive OS: SSD 240GB
Drive Working: NVMe 1TB
Drive Storage: 4TB+2TB

 

System 2-2018:
ASUS ROG Strix Hero II GL504GM Gaming Laptop
Processor: Intel(R) Core(TM) i7 8750H CPU @2.20GHz 2.21 GHz
Video Card 1: Intel(R) UHD Graphics 630 (Driver 31.0.101.2111)
Video Card 2: NVIDIA GeForce GTX 1060 6GB GDDR5 VRAM (Driver Version 537.58)
RAM: 16GB
OS: Win11 Home 64-bit Version 22H2 OS Build 22621.2428
Storage: M.2 NVMe PCIe 256GB SSD & 2.5" 5400rpm 1TB SSHD

 

* I don't work for VEGAS Creative Software Team. I'm just Voluntary Moderator in this forum.

Time-Tree wrote on 7/11/2024, 6:44 PM

I know we have a "curtain like" transition however, there's no proper angle or such to make it look like the curtains split up away to the left, for the left angle, and to the right for the right angle, I'm wondering if anyone could modify the "door transition" so we can make it look like it was on a curtain: Kind of like this one; and this following one; which shouldn't have those spotlights on it, although allowing proper adjustment of angles. It would be very much appreciated.