Jump to content
Search Community

IanTheSecond

Members
  • Posts

    4
  • Joined

  • Last visited

IanTheSecond's Achievements

  • One Month Later

Recent Badges

1

Reputation

  1. Thank you so much!! Your replies among others are appreciated! 10/10 customer service~
  2. Thank you for the suggestion! It is actually something that I have tried to do: putting a <br> tag in place of a "\n". However, the actual rawText contains multi-level indentations (or spaces) that gets treated as a single space rather than many individual ones by the TextPlugin between each 'word'. As you can see from the demos all of above. Is there a way for TextPlugin to not join the spaces? Once more, thank you for your reply!
  3. Hello Cassie, Here are the demos that I made just now. Unformatted text: https://codepen.io/ianthesecond/pen/KKmrXKr The results that I'm looking for: https://codepen.io/ianthesecond/pen/WNjYZvg
  4. Hello, I wanted to create a console log typing effect with the GSAP TextPlugin. I have a container that has preserved formatted text (spaces for indentations and line breaks without <br>) that I tried to animate with gsap.from() method and the text: {value: ""} property. However, when not manipulated by GSAP, the formatting is fine. But when I used the method mentioned above, all indentations and line breaks are not respected. Is there a way for GSAP to preserve such format? I have tried the below example to simulate a text typing effect (another version with a timeout/await between each iteration) but I lose easing functionality that I would really love to have, though the method preserved the formatting. for (var i = 0; i < text.length; i++) { container.textContent += text[i] } Thank you for your considerations.
×
×
  • Create New...