Graphics

 View Only
  • 1.  Animation - Cursor End of Text

    Posted 07-25-2023 15:56
      |   view attached

    We have a graphic we need to replicate in XPression.  You can see the example we are building to below.  Early in the video, the "home country" of the athlete animates in.  We have the stagger animation to bring that in letter by letter, that is no problem. - We are stuck on getting the cursor to grow with the text.  So we would like the cursor to stay with the last letter that is on the screen and then come to a final resting place. - We have the final resting place done and good, and that updates based off the size of the bounding box, no problem.  But we cannot think of a way to make the cursor animate across and stay pixel accurate to a distance from a character. (included a still from the video, as well as attached the video to this post)



    ------------------------------
    Garrett Hall
    Overtime Elite
    ------------------------------


  • 2.  RE: Animation - Cursor End of Text

    Posted 07-25-2023 21:45

    ok so its a bit janky, 3 text objects to do it. 

    1(show) is what you see, 1(show2) is same but with flashing line, 1(hidden) is what you publish and type to.

    You animate you position and it will look line a type writer, the "show2" needs a continuous animation.



    ------------------------------
    Simon Redmile
    Senior Graphic Programmer & Designer
    Ross Video
    Bristol United Kingdom
    ------------------------------



  • 3.  RE: Animation - Cursor End of Text

    Posted 07-26-2023 14:52

    We are now adding to this Red. - We are going to add a mask that cuts on and covers the 2nd text box.  It was too much flashing on the letters in the text, so we will cut on a mask that will take bounding box right and then a value subtract to set its x position. - We also ended up using the "|" character for the cursor which is working out nicely.



    ------------------------------
    Garrett Hall
    Overtime Elite
    ------------------------------



  • 4.  RE: Animation - Cursor End of Text

    Posted 07-26-2023 18:10

    Garrett,

    Could you use two font styles identical in size for the text, where the cursor version material is set to zero alpha? Then, in the concatenate, include a font tag "{PipeFontStyle} |" for the pipe? I'm not sure I needed the initial font tag, by the way.

    James.



    ------------------------------
    James Hessler
    WAAY TV (ALLEN MEDIA BROADCASTING)
    ------------------------------



  • 5.  RE: Animation - Cursor End of Text

    Posted 08-01-2023 11:01

    The other option I was going to say is if its a 1 line you could also to child object, like you would with a box that follows the size of the text and then tie the flashing text pipe to the right edge of the that box using bounding box connected to the pipes x position. That would work and would avoid having the second text object. 



    ------------------------------
    Simon Redmile
    Senior Graphic Programmer & Designer
    Ross Video
    Bristol United Kingdom
    ------------------------------



  • 6.  RE: Animation - Cursor End of Text

    Posted 08-01-2023 11:40

    The problem we ran into with this was that we were using a stagger animation to bring the text on. - So, yes, while the text would make the bounding box, since we did a stagger animation, XPression could not read the changing bounding box width as the text came onto the screen. - We had started with this idea and then moved away from it.



    ------------------------------
    Garrett Hall
    Overtime Elite
    ------------------------------



  • 7.  RE: Animation - Cursor End of Text

    Posted 08-01-2023 11:49

    Ah yeah stagger animation would not work with this method, it would work with the visual logic string length and animation method though. 

    What you could potentially do is, animate an object from 0 to 1 on say Pos X and then take the total length from the boarding box and that would be your end value. Then you multiple the Pos X buy the total value and take that value to set the position of your flashing pipe. The duration of the animation 0 to 1 should match the length of you stagger animation and I think you'd be able to line them up. 

    I've never built exactly what I wrote above but I think it would work. 



    ------------------------------
    Simon Redmile
    Senior Graphic Programmer & Designer
    Ross Video
    Bristol United Kingdom
    ------------------------------



  • 8.  RE: Animation - Cursor End of Text

    Posted 08-01-2023 11:58

    For what we are doing, we have used the above information and we are happy with the results for the little time that this will be on a display. - No more tweaks, just gotta make it to show day.



    ------------------------------
    Garrett Hall
    Overtime Elite
    ------------------------------



  • 9.  RE: Animation - Cursor End of Text

    Posted 08-01-2023 12:01

    Ah nice as long as you have something you're happy with :) 

    I couldn't resist so I had a play and the last method I suggest does work but dones't really have any advance over the solution you've ended up with. 

    Just going to put it here in case its of interest to anyone else.



    ------------------------------
    Simon Redmile
    Senior Graphic Programmer & Designer
    Ross Video
    Bristol United Kingdom
    ------------------------------