Я хочу разработать эффект масштабирования, подобный этой галерее: http://www.monoslideshow.com/ Может ли кто-нибудь дать мне подсказку? Я не уверен в математике, которую я должен сделать для получения чего-то подобного. Заранее спасибоKen Burns Effect on actionscript3
ответ
Все, что на самом деле происходит в этой галерее, - это Tween по нескольким параметрам. Чтобы воспроизвести этот эффект в течение нескольких секунд, увеличьте scaleX и scaleY небольшую сумму и выберите случайное направление для перемещения изображения (также небольшое количество, чтобы вы не перемещали изображение из поля зрения) переместите его только на столько пространства холста, которое вы получаете от масштабирования).
i.e .: 200x200 изображение, если вы Tween в масштабе 1,05, вы будете иметь дело с 10 дополнительными пикселями в любом направлении.
Если вы сочтете этот ответ полезным, отметьте его как ваш принятый ответ, в противном случае сообщите мне, где вам нужно разъяснение, будем рады помочь. – Aaron
- 1. Ken Burns on Twitter Bootstrap Carousel
- 2. jQuery Ken Burns effect и Parallax на той же странице
- 3. Плагин Ken Burns 100% ширина
- 4. Jquery Slide Show с эффектом Ken Burns
- 5. Проблемы с созданием эффекта ken burns с CALayer для iphone
- 6. CSS3 Эффекты Ken Burns не являются гладкими, т.е. 11
- 7. Эффект Ken Burns с анимацией JQuery не работает с Firefox и Opera
- 8. Как замедлить отображение и время перехода в Ken Burns Слайд-шоу, используя этот код jquery?
- 9. Erazor effect on UIView
- 10. magnify effect on mouse hover
- 11. page turn effect on macosx
- 12. UIScrollView Zoom on shake effect
- 13. iframe disable on hover effect
- 14. JQuery selector on prettyphoto effect
- 15. Fade effect on link color
- 16. Folded Map Effect on iOS
- 17. pbs walltime effect on scheduling
- 18. WebGL add glow effect on lines
- 19. Mouseover/hover effect slow on IE8
- 20. android animation glow effect on imageview
- 21. Fade and slide effect on navigation (jQuery)
- 22. ghost, border dragg effect on gwt, gwtquery
- 23. jquery hover flip effect on hyperlink
- 24. jQuery animate bump up on hover effect
- 25. scrollTo delay on page transition effect
- 26. Bootstrap tooltip on mouse hover popover effect
- 27. iOS 7 blur effect on videoPlayer
- 28. Lucene - Scoring effect on count count
- 29. Проблема с CSS Enlarge on Hover Effect
- 30. JQuery Fade Effect On Form Input Focus
+1 Для эффекта Кена Бернса см. Http://en.wikipedia.org/wiki/Ken_Burns_Effect –