我无法在TweenMax中看到任何内置方法,该方法可让您“左右摆动”一个对象。它需要是一个非常快速的动画,从它的开始位置开始,例如:x - > x-5 - > x + 5 - > x-5 - > x + 5 - > x。如何使用GreenSock创建摆动效果
1
A
回答
1
如果弹跳不适合您,您将不得不通过使用计数器和onComplete方法来创建效果!
0
-1
就在你使用JQuery的情况下,你可以这样做:$( '#YourElementID')效果( “反弹”,{时间:3,距离: - 5,方向:'right'},300);
2
嗯,我想你可以使用这个,我发现类似的东西,但是是为AS/Flash版本,所以我不得不让JavaScript和它的作品对我来说,很简单:
var shakeTween = function(item, repeatCount){
var max = 5;
var min = -5;
TweenMax.to(item,0.1,{repeat:repeatCount-1, x:Math.floor(Math.random() * (max - min + 1) + min), delay:.1});
TweenMax.to(item,0.1,{y:0, x:0, delay:(repeatCount+1) * .1});
}
见工作实例here
其中item是HTML元素引用(可以使用jquery或wharever),repeatCount是播放动摇动画的次数。
相关问题
- 1. 如何创建一个Silverlight摆摆动3D文本效果
- 2. 如何为组件创建Flex摆动效果(VBox/HBox等)
- 3. 在Android中创建摇摆头效果
- 4. 如何使用javascript创建此效果?
- 5. CSS摆动/摇动效果
- 6. 如何创建这些滚动效果?
- 7. 在css中创建摇摆/摇动效果
- 8. 长按摆动效果Iphone
- 9. Javascript - 摆动的效果
- 10. 摆动灯箱效果
- 11. 如何创建摆动动画(阻尼摆动)?
- 12. 如何使用html5在画布上创建动画效果?
- 13. 如何使用GWT创建跳动效果?
- 14. 摆动Jform创建
- 15. 如何在摆动中创建通知
- 16. 如何用Javascript创建重力效果?
- 17. 如何用Imagick创建画布效果?
- 18. 如何创建“图像建设”效果
- 19. 动态创建鼠标移动效果
- 20. 如何用图像创建侧滚动效果?
- 21. 使用CSS/JS在移动设备上创建滑动效果
- 22. 如何创建动画效果如何绘制/写入?
- 23. 如何创建文本渐变效果,当用户使用PageIndicator
- 24. 如何用spritekit创建摆锤
- 25. 如何从本网站创建拖动和滑动效果?
- 26. 使用AngularJS创建幻灯片效果?
- 27. 使用javascript创建闪烁效果
- 28. 使用jQuery创建视差效果
- 29. 使用.NET创建手绘效果
- 30. Web模板中的Silverlight摆动效果?
那么,问题是,当我使用反弹或任何其他方法,x位置必须补间到一个新的。但是我试图让x的位置在反弹效果之后在同一个位置结束。 – ArrayOutOfBounds 2013-03-09 16:59:28
就像我之前说过的那样,使用补间的onComplete方法并将其恢复到原始的x值,一旦完成inital补间 – M4tchB0X3r 2013-03-09 17:02:56