Jump to content
Search Community

BrightStar

Business
  • Posts

    5
  • Joined

  • Last visited

Everything posted by BrightStar

  1. Thanks. That was 100% the solution I was looking for.
  2. Here is the URL to the StackBlitz I created: https://vue-c3fvzr.stackblitz.io I added "Fade Out" to demonstrate that the code works for SplitText (we use 10 different split text animations, they all work except the Light Bar). Please let me know if you can help -> I really need to figure out why the code does not work the same way as the previous version OR how to implement something else that works the same. Thanks.
  3. Hello. I am working on a project where we are upgrading from Vue2 (JavaScript) -> Vue3 (TypeScript) as well as GSAP 2.1.2 -> GSAP 3.12.2. We have purchased the license to be able to use SplitText (as the old project did). The project uses several GSAP animations and has a preview. I have been attempting to recreate an animation called "Random Light Bar" (see the video attached from the old project LightBar.mp4) - this uses the function listed in RLB.txt. I have not been able to accurately recreate it. The closest I have gotten is the last video (TestLightBar.mp4). What I cannot reproduce is having the letters "reset" (from new color to white) in a stagger following (see the LightBar.mp4 video). Please help. RLB.txt TestLightBar.zip
  4. Thanks for the reply. I checked this issue on a PC running Windows 7, had the same issue (therefore it is not an Android OS issue). As far as it being the number of characters, I would agree that the more characters split would use more memory - however I would hope that at the end of the animation the memory would be released. I have tried these ideas to release the memory: When setting up a TimelineMax I always use the autoRemoveChildren (true) as an option In the constructor class (ex. PaidTextAnimations) I call TweenPlugin.activate for any plugins that are needed by that class At the end of the TimelineMax, I call the .clear() and then the .kill() functions and then set it to null Do you have any other ideas as to how I could force the memory to be released?
  5. We have been using the Greensock library in an Adobe AIR application for a while now with really no problems. We decided to try our Windows based application on an Android device and found that most things work quite well. The only problem we are seeing with the Greensock library turns up when we use scale effects. By this, I mean any time I attempt to scale a SplitTextField from say 4 to 1, the system lags. If I scale multiple SplitTextFields at once and by letter, then system can almost crash. The board we are using is running one of the latest version of Android and is capable of outputting HD content. Below is the code for one of the animations being affected. Each letter should scale down and rotate in, staggered. // target is the object we are going to animate // time is the total amount of time for the animation public static function MyEffect(target:SplitTextField, time:Number):TimelineMax{ // Activate plugins TweenPlugin.activate([TransformAroundCenterPlugin, AutoAlphaPlugin]); // Create new TimelineMax Object var t:TimelineMax = new TimelineMax(); // Determine how long each letter should animate var timePerHold:Number = time / target.textFields.length; // Go through each textField in the SplitTextField and complete the following animation for(var x:int = 0; x < target.textFields.length; x++){ // Use 20% of the time to rotate the text and scale the text half way t.fromTo(target.textFields[x], timePerHold * .2, {transformAroundCenter:{scale:4, rotation:-180}, alpha:0}, {transformAroundCenter:{scale:2, rotation:0}, alpha:1}); // Use 80% of the time to finish scaling the text t.to(target.textFields[x],timePerHold * .8, {transformAroundCenter:{scale:1}, ease:Elastic.easeOut}); } return t; } This is causing a memory leak. I have isolated it to the transformAroundCenter plugin using the scale feature. Any ideas on how to eliminate this?
×
×
  • Create New...