Graphics

 View Only
Expand all | Collapse all

Centering text vertically depending on Y position through Visual Logic

  • 1.  Centering text vertically depending on Y position through Visual Logic

    Posted 05-12-2020 03:49

    I have what I believe should be a relatively easy question.  I have text for a lower third that centers vertically.  This part I understand (Text Bounding Box Height > Divide > Text Position Y) My question is as follows...

    I have a banner with text that is centered vertically.  The text on the banner changes based on what topic is being discussed.  If we have a Tweet to show, the Tweet pushes the banner up on the Y axis.  I want to be able to change the text on the banner and keep it centered vertically when it is in both Y positions (with or without the Tweet). 

    Can someone please tell me how to do this?  I appreciate any help.  Thank you.



  • 2.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-12-2020 04:05

    I don't understand your question.
    Could you please share the Layout screen or project?


    #XPression


  • 3.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-12-2020 04:19

    I would group the text with the banner and move the group when the tweet comes up. That way the text moves with the banner, and you only have to work out the vertical centre once. (this is assuming you're currently applying the transform to the text separately from the banner, which is what it sounds like).


    #XPression


  • 4.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-13-2020 01:37

    OK, here is an updated look at what I'm trying to do...

    Lower third without Tweet

     

    Lower third when Tweet comes in

     

    Visual Logic to center text on Y axis within banner

     

    Object manager

     

    So my animation is fine when changing the topic before the Tweet comes in and pushes the main banner up.  Once the Tweet comes in and it pushes the main banner up, and I try to change the topic, the banner animates on the original Y axis.  I know I'm obviously doing something wrong, I just can't figure out what.  Again, I appreciate any help with this.


    #XPression


  • 5.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-13-2020 09:20

    "Tweet banner" is on the same scene or is on the other scene/layer?


    #XPression


  • 6.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-13-2020 11:05

    Hi Mark,

    As Gabriel said, it's important to know if the tweet and the banner are two different scenes or if they are in the same scene.

    From what you are saying I'm thinking that they are two different scenes and that the Transition Logic has not been set up correctly.

     

    But if the tweet and the banner are in the same scene:

    All the animations in regards to the banner should happen inside of the BANNER GROUP and all the animations in regards to the tweet should happen inside of the TWEET GROUP. And when a Tweet is shown, the BANNER GROUP needs to animate to the different Y-Position.

    So all of your VL or animations regarding the banner will use the reference of the Banner group and will not be affected by any changes in the Y-Position of the Banner group itself or the Tweetgroup.

    I made a quick sample, just to show you the principle. You should use an architecture similar to the example below.

     

    However if you are using two separate scenes, than you will need to use Transition Logic.

    On the Banner Scene you will need to create additional Scene Directors to accomodate for the different cases.

    • you would have a Scene Director IN & OUT for the Banner without the tweet.

    • you would have a Scene Director IN & OUT for the Banner with the tweet.

    • you would have a Scene Director with the animation for when the tweet comes in

    • you would have a Scene Director with the animation for when the tweet goes out

    • you would also have to create a dummy Scene Director with nothing in it to set as the default Scene Director.

    In the Transition Logic for the Banner, you would need to check if the tweet scene is online to know which Scene Director you need to play

     

    I hope it helps.

    Best regards,

    Kenneth


    #XPression


  • 7.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-13-2020 11:56

    Thank you everyone.  The lower third banner and the tweet are in fact DIFFERENT scenes.  So I'm guessing that I do not have the transition logic set up correctly.  I do have separate scene directors for each stage of the animation and a dummy scene director for the default.  It must be the last part that needs adjusting.  I will not be able to get to this until later today, but once I do, I will update everyone.  Thank you all again.


    #XPression


  • 8.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-13-2020 12:22

    Maybe is better to check the TL tutorial series made by ROSS - the FLAG condition is very similar to your project.
    Link: https://youtu.be/NDTyMb7bsbU 

    If the FLAG/TWEETED BANNER comes in, you have to move the lower third group using other scene. When you update or start lower third verify if FLAG/TWEETED BANNER is visible and use the upper or normal Y position.

    Have FUN!
    Gabriel


    #XPression


  • 9.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 03:05

    Ok, I'm still stuck.  I did watch the tutorials, but unfortunately they did not cover using transition logic in my exact situation.  I have a default (null) scene director and one for each animation.  I also tried making additional scene directors for animating the text on my lower third banner in the raised position (keyframing the main banner group that has everything in it on the Y axis).  I'm obviously missing a step somewhere.  Attached are my scene directors and the transition logic that I'm trying to use.


    #XPression


  • 10.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 08:49

    Please keep in mind - first valid condition will start the scene without checking all other conditions.
    Move them according with your priority - it might fix your issue.


    #XPression


  • 11.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 09:30

    So I moved my rule "Text update no tweet" to 2nd and rule "Text update with tweet" to 3rd and it did not fix it.  Any other thoughts?


    #XPression


  • 12.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 12:28

    Hi Mark,

     

    I've made a sample project that does what I think you want.

    I've kept it very basic, just so you can see the inner workings.

    This sample does not consider any back 2 back actions, so you'll need to add those in there, but from what I've heard you got that one working already.

    You can download the sample here: https://we.tl/t-Qe9lyJVlQn 

    Best regards,

    Ken


    #XPression


  • 13.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 18:54

    I can't thank everyone enough for all of your time and effort to help me.  Unfortunately I'm still stuck.  I apologize if I'm not being clear on exactly what I'm looking to do.  The main banner text will be on air the whole time.  I won't need that to animate on or off in the raised position.  I believe I have everything I need except for the Transition Logic to change the banner text when it is in the raised position.  I'm pretty sure it has to be a back-to-back transition, because the banner with text will already be on the screen.  For some reason, no matter what I try, every time I try to animate another text on the banner in its raised position, it always jumps down to the Y position with no tweet (the lower position).  Another thing I noticed, when that happens and then I animate the tweet off, the banner will jump back to the raised position and animate off like it's supposed to.  Again, thank you all.


    #XPression


  • 14.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 19:53

    Hi Mark,

    Basically you need to create two different Back 2 Back IN & OUT animations. One IN & OUT-animation for the lower position and one IN & OUT-animation for the upper position.

     

    Then you need to check whether or not the Tweet is online and determine which animations you need to play.

    You can find an updated sameple here: https://we.tl/t-uhxpLMZeLe

    Best regards,

    Kenneth


    #XPression


  • 15.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-18-2020 23:42

    So I did all of the above.  I copied what you did in your sample, but I'm still having the same problem.  If you (or someone else) could be so kind to look at this and let me know what I'm doing wrong I would appreciate it.  I want to get it working correctly, but I also really want to find out what I'm missing so I won't get stuck in the future.  Any input is appreciated.  Thank you all again.

    https://we.tl/t-joVoXMNJPP

     


    #XPression


  • 16.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-19-2020 01:18

    Funny how the biggest issues are caused by the smallest of errors :-)

    In the Conditions where you are checking if a "L3 Tweets" scene is on air, you have marked "*L3 Tweets".

    Now Transition Logic can't find that scene, so if you instead put "L3 Tweets*", then it works fine with me. 


    #XPression


  • 17.  RE: Centering text vertically depending on Y position through Visual Logic

    Posted 05-19-2020 02:02

    THANK YOU, THANK YOU, THANK YOU!!!  I have been racking my brains over this.  This is actually the first time I used a "wild card" situation in transition logic.  I will never make that mistake again!  Thank you again Kenneth, and also thanks to Rosca Gabriel and James Hope for your time, effort and input as well.  I'm glad it was something simple rather than having to tear down the whole animation.  You guys rock!


    #XPression