Pebble
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Pebble
-
-
Hi Jonathan
Thanks for your reply.
I may not have expressed what I was trying to do so I created another pen:
See the Pen amQbqg by anon (@anon) on CodePen
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
-
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.
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
-
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
- 1
-
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:
See the Pen rryZaQ by dipscom (@dipscom) on CodePen
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:
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
-
-
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:
Many Thanks
Pebble
Moving and blinking animation
in GSAP
Posted
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:
See the Pen VKVGBz by anon (@anon) on CodePen
Diaco pen here:
See the Pen EjwQgp by MAW (@MAW) on CodePen
Your solution is great.
Cheers
Pebble