Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by mi_cky

  1. Hello Jack,


    wow, "a best practice" by Mr. GREENSOCK himself.
    Thanks for the demo and yes - that will make me a better coder - hopefully :)

    I changed the code slightly for my needs - just two colors - and in my humble opinion an outline improves the seams and the outward looking corners.


    See the Pen aVRNRa by mi_cky (@mi_cky) on CodePen


    • Like 3
  2. Hello Greensockers,

    Here's another gifani-inspired greensock animation


    The animations of the triangle are identical in the "use" copies.


    I tried to slightly modify the animation of the copies. But the code only partially works. (in the code after / * this -> * /)


    Attached gif animation shows what the result should look like.


    Is my approach a possible way? Or do I have to animate all triangles individually?


    Please leave your two cents :)




    See the Pen YELwpb by mi_cky (@mi_cky) on CodePen

  3. Hey Craig,


    i am curios again - what i remember - have seen a lot of code with Tweenmax.set ()

    but the attr: part i have not seen.

    Just looking at the docs - no hint for use the - attr:


    should i use the - attr: - always ?


    ok - think i get it - there is a difference in handling css and svg ?

  4. Hey guys,


    ok correct my faults - sorry - rethinking my code and getting a more stable slider. Now you can drag the left side over the right one - vice versa.

    Here the new codepen. 



    See the Pen JOPmLE by mi_cky (@mi_cky) on CodePen


    Again sometimes (rare) things are jumping. -> screenshots from my pen
    (click, click drag - heavy tested)





    @Jonathan - thanks for pointing me to the svg <defs> problem having changed that. Now it seems there is an other svg failure (Edge IE FF Safari - left and right dragger ok - but where is the range ??) cannot find my fault.


    @PointC - your two cents are welcome :) - please tell me more about looping through and cloning - js code handling for the clones ??


    and generallly - can someone tell me something about the "array notation" at the end of the - TR_Draggable creation - lastline ->  })[0];  <-

    without i get an - Uncaught TypeError: TR_Draggable.applyBounds is not a function - and the draggable parts "breaking apart".

    Here it seems i need help understanding GSAP.




  5. Hey guys, need some help.

    svg symbol with draggable elements
    used so far - plain javascript?
    1.20.3 tweenmax.min.js
    1.20.3 draggable.min.js

    ok this is not crossbrowser - so look at this with latest chrome!

    sometimes things are jumping. -> screenshots from my pen
    (click, click drag - heavy tested)

    2017-10-25 16_54_50-Draggable.png

    2017-10-25 16_55_55-Draggable.png

    2017-10-25 16_56_59-Draggable.png

    2017-10-25 16_57_20-Draggable.png

    See the Pen mBNeBd by mi_cky (@mi_cky) on CodePen

  6. Hi,
    I am new to GreenSock (GSAP) and fiddling around with draggable. Looking at example code on codepen - I cannot find a demo where an svg symbol referenced by <use xlink:href= is handeled by draggable. For now my question is - Can draggable handle an referenced svg symbol ?


    - Mike