BemjaxIDE

bump, heres a video of example usage of GSAP workflow with SVG paths. The tool used is made for better handling of all browser content, but animations were one of top priorities. This is just example of a posible integration as the architecture provides a unique and higly flexible workflow/setup. https://www.youtube.com/watch?v=L9GNffAFZWs

Thanks Blake! If to() is enough then I have no problem, i thought it will influnce the tween. Seemed logical. Thank you for your time and patience guys.

yeap, its a quick hack, I had everything else so i thought to just add tween editing and saving in a couple of minutes, but it turned out a little bit longer Do you suggest any other approach... i collect vars from tween.vars, get the id of the DOM el...how do you suggest rebuilding the tweens? I dont need the to(), from() etc? Thanks, this is enough to detect them!

//wrkflw //from a tween... var tl = new gsap.timeline(); tl.add(gsap.to('body', { x: 10, duration: 1 })); var tweens = tl.getChildren(); //...get data to recreate this tween... var tween = gsap.to(tweens[0].targets(), tweens[0].vars); //need to detect the function as string //so i can faithfully replicate tween //something like /* function getFunName(tw){ //test props to find what fun is it //if("someProp" in tw ...) //example its a gsap.to() var funName = "to" return funName; } var fun = getFunName(tweens[0]) var tween = gsap[fun](tweens[0].targets(), tweens[0].vars); */ var tl2 = new gsap.timeline(); tl2.add(tween); a workflow example....

For a tween, not a timeline. I know a timeline can hold children timelines, but this doesn't worry me, not yet, it will after this I am referring to the function names as types , sorry ...they are to, from, fromTo, staggerTo ... I need to detect them...all as strings. Could 2 functions cover all combinations? Lets just assume its gsap3. var tween = gsap.to("body",{x:10, duration:1}) function isTo(tweenInstance){ // return true/false, //what with fromTo and toFrom?? } function isStagger(tweenInstance){ // return true/false } Which also bring me to ask : are there differences in tweens if two are created with version 3, same one, but with different syntaxes ...gsap.to() vs. TweenMax.to ...do they yeld absolutely same result? Thank you for your help guys

Hi Blake, the ease is not that of a problem, if its not in the tween.vars than default is assumed. If its a function I can save functions. If I want to visualize function in a human readable way i was planing to run through .parseEase() result to find it by name. if none then use name "Custo" tween.ease() would be nice The problem is in "sensing" as Jack described. Its a part of an inspector that inspects GSAP tweens. Tweens get created in different windows, in different ways with different gsap versions, get passed to the tool so tool gets a tween already detected. I realised I dont have a way to change the tween after its created so I was updating the tool.... so it can alter type and ease also. Then realized I cannot detect the original type, at least not that easy Tool generates a new tween based on the values of the inspected one and inserts it in array from which inspected one originates ....a new timeline is created then from these. Happens each time there is a change in the timelines tweens structure,order or properties. When rebuilding the timeline and tweens, a *.to() tween was assumed until now. On save it was also using only data in tween.vars for each tweens Sequencer GUI is repainted again from the created timeline, and so on... Hi Jack, yes thats exactly what I am trying. Inspecting a tween after it was instantiated... could you guys give short way to function isTo(tweenInstance){ } and how to function isStagger(tweenInstance){ } these two together make a test for all gsap functions, i guess

I havent got control over the moment tweens are created... i just get an instanced tween. Cant get function names unless i go inside the gsap Tween() constructor and make alterations....or at least in the .to, .from(...) functions. It would be a blasfemy to taint gsap like this ? And if I do this, this is only for a solution I am runing locally, for my gsap instance. If a tween is instanced in another window ( from another gsap, used by a user - not tainted ) i'm again not able to read it this way. Ill keep bumping the wall a little bit longer...strange ideas come from a headache Tnx

Yes I do. I need these two for storage also. Until now only the props, delay, repeat and yoyo were stored and .to was as default so during rendering *.to is assumed. This, off course doesn't suffice so.... i need to find a way Hipotheticaly tweens come from unknown source...imagine if you didnt instance it but you need to analyse it, and possibly rebuild it. Is there a way to get these two? specially type?

Hi Zach, well I'm rebuilding timelines from tweens I got from timeline.getChildren(), and visualising them Practical problem is in a drag and drop tool that can add existing tweens to a timeline, actually in the part that should edit an existing tween. If this data cant be edited then I have to rebuild a tween from initial vars (stored in tween.vars)...for this I need the type and tween I guess. Tween I can get (in tween.vars), if user used it during instancing I had this tool for some time but I used it for delay, repeat and yoyo (for which there is an exposed function, respectively), but I'm expanding its functionality now and realized I cant read these two easily.. I could go inside of gsap and make some mild alterations to expose them, extend tween with .tweenType() and .ease(), I was wandering is there a simpler way...

Hi guys, how can I get instantiated tween's ease function name? I could do a workaround, but is there a way that is meant to be used :-) ? ...like tween.duration() or *.delay() for duration and delay If an ease is set like a string it can be accessed in tween.vars as string, or I could iterate through all eases functions to find it... is there a way? Also is there a way to get gsap type after instancing...is the tween a "to"," from", "staggerTo"...? Thanks guys, Dario