Jump to content
GreenSock

Baris Dogan

ShockinglyGreen
  • Posts

    12
  • Joined

  • Last visited

About Baris Dogan

Baris Dogan's Achievements

Newbie

Newbie (1/14)

0

Reputation

  1. Baris Dogan

    Particle

    Hi Guys How are you? I hope all is well I need your idea/help about the particle system First please check the image that I attached How can I do this animation - First, particles create 1. Object then 1. Object create the 2.Object I really appreciated if you give me an idea or example Many Thanks
  2. HAHHAHAH You are lifesaver Thank you so much if you don't kill me I need to ask something Can I change the Y value when the animation playing? So let me explain; Please take a look at the 6. line on the javascript in the 4. sec I'm changing object's Y position as "-=35px" up.. but then animation continues from the wrong Y value Do you know why? Thank you
  3. Thank you for the quick reply I need to move just "text1_img".... not "maske" because of this, I have gave the id to image tag <image id="text1_img" mask="url(#maske)" width="100%" height="100%" xlink:href="http://wemedia.com/wp-content/uploads/2008/12/istock_dandelionlarge.jpg" /> I guess it is not correct, How can I give the id to correct element?
  4. Hi Again I re-edit my pen and I have a different problem, I'm not sure here is the correct place even so I would like to ask I'm trying to move just "text1_img" but I can, text1_img and "maske" moving together I really appreciated if you give me an idea Please check my pen https://codepen.io/barisDogan/pen/BqXxMe manyThanks
  5. Sorry, I was rush! Totally agree... I was looking for a quick solution Many Thanks
  6. Thank you Dipscom the main problem is SVG is not displayed for these browsers on windows ( IE-EDGE/FireFox/Safari ) How can I fixed it?
  7. Hi Carl I have added the link but it has not displayed, that's why I add again this way please remove the space "http s" https://codepen.io/barisDogan/pen/XxLVQz
  8. Hi Guys I uploaded the CodePen There are 2 problems: - SVG is not displayed for these browsers on windows ( IE-EDGE/FireFox/Safari ) - Change the Y value when animation play I really appreciated if you help me
  9. Hi Jack I have to try that code, it is work but not perfect var tl = new TimelineMax({repeat:0, yoyo:true, repeatDelay:0, overwrite: true}) tl.to(text1_img, 9, {y:167, ease: Power1.easeInOut},"+=1.8") .to(text1_img, .5, {y:"+=40", ease: Elastic.easeOut, overwrite: false}, "-=4") attached the screen record video, could you take a look please you will understand very well at 6.sec of the video, there is a gap. how can I fix it? Many Thanks test2.mp4
  10. Hi Jack Thank you so much I have tried but it doesn't work or I couldn't var tween = TweenMax.to(text_1, 9, {y:-200, ease: Power1.easeInOut}); tween = TweenMax.fromTo(text_1, tween.duration() - tween.time(), {y:-110, ease: Elastic.easeOut.config(1, 0.5)}, {y:-200, ease: Power1.easeInOut}); so how can I define the time of jump animation? object's Y pos start from 0px to 200px in 9 sec // var tween = TweenMax.to(text_1, 9, {y:-200, ease: Power1.easeInOut}); // this part OK at the 4. sec, object's Y pos jumpUP "-=20px" ... then animation continue to 200 Many Thanks
  11. Hey Guys I need your idea Can I change the Y value when animation playing? So let me explain; object's Y pos start from 0px to 200px in 9 sec in the 4. sec object's Y pos (proximity 90px) and jump 20px up then animation continue from 110 to 200 How can I do that Many Thanks
×