Jump to content
GreenSock

mi_cky

Members
  • Posts

    15
  • 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 :)

     

    square-ani1.gif

     

    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)

     

    59f30a818b4ed_2017-10-2712_06_42-SVGDraggableRangeslider.png.9b643226a909f00933db006208d69108.png

    59f30a80789d8_2017-10-2712_04_38-SVGDraggableRangeslider.png.9924d7c578a42df970d7a1fe13836899.png

     

    @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

×