Search the Community

Hi Greensockers - you will see that my trouble is not Greensock but rather incorporating a two dimension Array to feed back into the TimelineMax tweens that I have set up. I have seen that it's possible to have the Tweens inside the array as it loads and have attempted that as well. I'm fairly sure that my limited programming knowledge hasn't helped me and I apologise for the circuitous methods employed. If anyone has time to plough through all this I would appreciate any help you can provide. Once I have the array loading and feeding I will add some colouration. Many thanks - Trevor Forgot - CodePen working is: http://cdpn.io/mkCJd and non-working is: http://cdpn.io/Abjip http://codepen.io/thorntontf/public/ greensock.html greensock array test.html

Hi, I'm looking for animation similar on this video http://www.youtube.com/watch?v=pQT4JYUUDJc if possible. As a beginner I tried using while loop and tween my Array of stars. My approach was insert multiple tween and use different delay on each one to make it random, but insert is not working in loop and if I use add they twinkle one by one. To make it more random I made 16 different Arrays with same stars, but again result was too uniform. Is is any chance to twinkle whole array randomly and multiple stars at ones similar to video above? I'm sorry for my code, it is not very nice. I'm not programer and I'm using Tween for fun. It is nice tool to make AS animation easy even for me. Here is my code: var arr01:Array=[s070,s066,s047,s029,s015,s101,s119,s134,s149,s160]; var arr02:Array=[s083,s058,s040,s024,s011,s108,s125,s127,s145,s154]; var arr03:Array=[s076,s062,s050,s036,s019,s001,s085,s106,s124,s155]; var arr04:Array=[s073,s082,s045,s032,s021,s006,s110,s140,s135,s159]; var arr05:Array=[s075,s061,s060,s044,s012,s005,s095,s118,s138,s152]; var arr06:Array=[s080,s088,s052,s041,s027,s002,s111,s139,s136,s161]; var arr07:Array=[s071,s084,s048,s030,s017,s009,s097,s115,s129,s150,s053]; var arr08:Array=[s072,s065,s038,s025,s003,s092,s104,s123,s117,s147]; var arr09:Array=[s079,s054,s037,s120,s007,s091,s102,s122,s133,s144]; randomBlinkBt.addEventListener(MouseEvent.CLICK, randomBlink); //randomized array function shuffleArray(arr:Array):Array { var arrShuff:Array=[]; while (arr.length > 0) { arrShuff.push(arr.splice(Math.round(Math.random() * (arr.length - 1)), 1)[0]); } return arrShuff; } //random Twinkle array function randomBlink(ev:MouseEvent):void { arr01=shuffleArray(arr01); var blinkTime:Number=0.5; var timeLineBlink:TimelineMax = new TimelineMax(); var i:int=arr01.length; while (--i > -1) { timeLineBlink.add(TweenMax.to(arr01[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr02[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr03[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr04[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr05[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr06[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr07[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr08[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); timeLineBlink.add(TweenMax.to(arr09[i], 0.5, {alpha:0, yoyo:true, repeat:1}) ); } } Any help or point to right direction help. Thank you

Hi everyone! Let me start by saying GSAP is awesome. I was wondering if anyone had ported the RoughEase library from AS to JS, or something similar to that? I'm working on a project where I need to randomly affect elements over time (smoothly), and I think RoughEase would be amazing for the job. More specifically, I'm trying to replicate some old film effects – grain, shifting picture, flickering bulb, etc. My current solution is to start a tween for a random duration/value, then delay the next tween by a random amount, and have that process loop, effectively creating a sort of randomness to the flicker. I suppose it works, but it doesn't look great yet and doesn't feel as elegant as the RoughEease soltuion. Thanks in advance!