Jump to content


  • Posts

  • Joined

  • Last visited

Pebble's Achievements



  1. Hi Warren Yes, thanks a lot that is exactly what I was trying to achieve. That has helped me a lot. I was trying to get it to work like this box taken from some of Diaco's code: http://codepen.io/anon/pen/VKVGBz Diaco pen here: http://codepen.io/MAW/pen/EjwQgp Your solution is great. Cheers Pebble
  2. Hi Jonathan Thanks for your reply. I may not have expressed what I was trying to do so I created another pen: http://codepen.io/anon/pen/amQbqg In this pen I have a box animating across the sreen but it is very choppy and I want to create a nice smooth animation where the block is blinking on and off. I am not sure if I am going about this the right way? Many Thanks Pebble
  3. Hi Many thanks to the moderators for their help with GSAP I need to be able to make moving animations blink or pulse. I have been able to do this using several tweens that move, blink and then restart, move and blink etc but this is choppy and not very elegant. I am sure there is a simpler way to do this but I don't know what it is. I wondered if there was a solution with the onRepeat function? I have created a codepen where I have a block moving and blinking over the complete duration of its path but I want to be able to control it's opacity in more detail. http://codepen.io/anon/pen/RGgJrA For example, it moves for a second or to a certain point and then it's opacity becomes zero, and then then returns to 1 and then seamlessly carries on its path for another second where it blinks again. Is it possible to do this with a single expression on one tween or do you have to chain animations together to make it work. One other question I have is about compatibility. I have tested GSAP on Chrome, Firefox, IE, Opera, iOS and Chrome on Android. It works fine on all that. I was wondering if it's compatible with other Android browsers? Many thanks for your help. I think GSAP is great. Pebble
  4. Hi Dipscom Thanks for your prompt reply. Yes I understand what you are saying but one thing is confusing. The length of my timeline is now 13 (1+2+10) seconds and it works fine whereas it should be 11 seconds. Why is the last absolute value 10 seconds rather than 8 to make it 11 seconds? Many Thanks Pebble
  5. Hi I posted on the forum a few days ago with a problem about synchronizing audio/ video with animation and scrub bars. That issue has been solved and the codepen is here: http://codepen.io/dipscom/pen/rryZaQ Thanks a lot for that, it was a great help. Now I am trying to place my tweens on a timeline at exact points and it isn't working correctly. I have audio, animation and scrub bars all synchronized and working correctly but I want to put tweens at specific points in the timeline so the animation matches the music or narration correctly. I have tried absolute positioning and labels but without success and I was hoping someone could help me with this. The codepen is here: http://codepen.io/anon/pen/RGgJrA In this codepen for example I want the first tween to start at 1 second and the second tween at 2 seconds. Why isn't this working? Many thanks Pebble
  6. Hi I have implemented the ticker which has now smoothed out the animation but now it is finishing a little early. Not sure on why that is happening. Can you help? Here is the codepen: http://codepen.io/anon/pen/ALqEGY Many Thanks Pebble
  7. Hi I recently joined and have read some very helpful posts and have got an audio file playing in synchronization with a timeline. What I need specifically is audio with a scrub bar being synchronized with a series of animations which have their own scrub bar. In the code I have put together I have the audio playing and the animations running for the duration of the sound file and I have a scrub bar for the audio and animation which are synchronized together. The problem I have is that the animations are not moving smoothly but are shaking back and forth. I think this is to do with the rate at which they are being updated and I believe things can be improved by using the TweenLite.ticker or the TweenMax.ticker but I am not sure of the best way to implement them. Can you help me to smooth out the movement of these animations. The codepen is here: http://codepen.io/anon/pen/GjWJKA Many Thanks Pebble