/* * Copyright (C) 2007, 2012 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions * are met: * * 1. Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * 3. Neither the name of Apple Inc. ("Apple") nor the names of * its contributors may be used to endorse or promote products derived * from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ #include "config.h" #include "KeyframeAnimation.h" #include "AnimationControllerPrivate.h" #include "CSSPropertyAnimation.h" #include "CSSPropertyNames.h" #include "CompositeAnimation.h" #include "EventNames.h" #include "GeometryUtilities.h" #include "RenderBox.h" #include "RenderStyle.h" #include "StyleResolver.h" namespace WebCore { KeyframeAnimation::KeyframeAnimation(Animation& animation, RenderElement* renderer, CompositeAnimation* compositeAnimation, RenderStyle* unanimatedStyle) : AnimationBase(animation, renderer, compositeAnimation) , m_keyframes(animation.name()) , m_unanimatedStyle(unanimatedStyle) { // Get the keyframe RenderStyles if (m_object && m_object->element()) m_object->element()->styleResolver().keyframeStylesForAnimation(*m_object->element(), unanimatedStyle, m_keyframes); // Update the m_transformFunctionListValid flag based on whether the function lists in the keyframes match. validateTransformFunctionList(); checkForMatchingFilterFunctionLists(); #if ENABLE(FILTERS_LEVEL_2) checkForMatchingBackdropFilterFunctionLists(); #endif } KeyframeAnimation::~KeyframeAnimation() { // Make sure to tell the renderer that we are ending. This will make sure any accelerated animations are removed. if (!postActive()) endAnimation(); } void KeyframeAnimation::fetchIntervalEndpointsForProperty(CSSPropertyID property, const RenderStyle*& fromStyle, const RenderStyle*& toStyle, double& prog) const { size_t numKeyframes = m_keyframes.size(); if (!numKeyframes) return; // Find the first key double elapsedTime = getElapsedTime(); if (m_animation->duration() && m_animation->iterationCount() != Animation::IterationCountInfinite) elapsedTime = std::min(elapsedTime, m_animation->duration() * m_animation->iterationCount()); const double fractionalTime = this->fractionalTime(1, elapsedTime, 0); ASSERT(!m_keyframes[0].key()); ASSERT(m_keyframes[m_keyframes.size() - 1].key() == 1); int prevIndex = -1; int nextIndex = -1; // FIXME: with a lot of keys, this linear search will be slow. We could binary search. for (size_t i = 0; i < numKeyframes; ++i) { const KeyframeValue& currKeyFrame = m_keyframes[i]; if (!currKeyFrame.containsProperty(property)) continue; if (fractionalTime < currKeyFrame.key()) { nextIndex = i; break; } prevIndex = i; } if (prevIndex == -1) prevIndex = 0; if (nextIndex == -1) nextIndex = m_keyframes.size() - 1; const KeyframeValue& prevKeyframe = m_keyframes[prevIndex]; const KeyframeValue& nextKeyframe = m_keyframes[nextIndex]; fromStyle = prevKeyframe.style(); toStyle = nextKeyframe.style(); double offset = prevKeyframe.key(); double scale = 1.0 / (nextIndex == prevIndex ? 1 : (nextKeyframe.key() - prevKeyframe.key())); prog = progress(scale, offset, prevKeyframe.timingFunction(name())); } bool KeyframeAnimation::animate(CompositeAnimation* compositeAnimation, RenderElement*, const RenderStyle*, RenderStyle* targetStyle, RefPtr& animatedStyle) { // Fire the start timeout if needed fireAnimationEventsIfNeeded(); // If we have not yet started, we will not have a valid start time, so just start the animation if needed. if (isNew()) { if (m_animation->playState() == AnimPlayStatePlaying && !compositeAnimation->isSuspended()) updateStateMachine(AnimationStateInput::StartAnimation, -1); else if (m_animation->playState() == AnimPlayStatePaused) updateStateMachine(AnimationStateInput::PlayStatePaused, -1); } // If we get this far and the animation is done, it means we are cleaning up a just finished animation. // If so, we need to send back the targetStyle. if (postActive()) { if (!animatedStyle) animatedStyle = const_cast(targetStyle); return false; } // If we are waiting for the start timer, we don't want to change the style yet. // Special case 1 - if the delay time is 0, then we do want to set the first frame of the // animation right away. This avoids a flash when the animation starts. // Special case 2 - if there is a backwards fill mode, then we want to continue // through to the style blend so that we get the fromStyle. if (waitingToStart() && m_animation->delay() > 0 && !m_animation->fillsBackwards()) return false; // If we have no keyframes, don't animate. if (!m_keyframes.size()) { updateStateMachine(AnimationStateInput::EndAnimation, -1); return false; } AnimationState oldState = state(); // Run a cycle of animation. // We know we will need a new render style, so make one if needed. if (!animatedStyle) animatedStyle = RenderStyle::clone(targetStyle); // FIXME: we need to be more efficient about determining which keyframes we are animating between. // We should cache the last pair or something. for (auto propertyID : m_keyframes.properties()) { // Get the from/to styles and progress between const RenderStyle* fromStyle = nullptr; const RenderStyle* toStyle = nullptr; double progress = 0; fetchIntervalEndpointsForProperty(propertyID, fromStyle, toStyle, progress); bool needsAnim = CSSPropertyAnimation::blendProperties(this, propertyID, animatedStyle.get(), fromStyle, toStyle, progress); if (!needsAnim) // If we are running an accelerated animation, set a flag in the style // to indicate it. This can be used to make sure we get an updated // style for hit testing, etc. // FIXME: still need this? animatedStyle->setIsRunningAcceleratedAnimation(); } return state() != oldState; } void KeyframeAnimation::getAnimatedStyle(RefPtr& animatedStyle) { // If we're done, or in the delay phase and we're not backwards filling, tell the caller to use the current style. if (postActive() || (waitingToStart() && m_animation->delay() > 0 && !m_animation->fillsBackwards())) return; if (!m_keyframes.size()) return; if (!animatedStyle) animatedStyle = RenderStyle::clone(&m_object->style()); for (auto propertyID : m_keyframes.properties()) { // Get the from/to styles and progress between const RenderStyle* fromStyle = nullptr; const RenderStyle* toStyle = nullptr; double progress = 0; fetchIntervalEndpointsForProperty(propertyID, fromStyle, toStyle, progress); CSSPropertyAnimation::blendProperties(this, propertyID, animatedStyle.get(), fromStyle, toStyle, progress); } } bool KeyframeAnimation::computeExtentOfTransformAnimation(LayoutRect& bounds) const { ASSERT(m_keyframes.containsProperty(CSSPropertyTransform)); if (!is(m_object)) return true; // Non-boxes don't get transformed; RenderBox& box = downcast(*m_object); FloatRect rendererBox = snapRectToDevicePixels(box.borderBoxRect(), box.document().deviceScaleFactor()); FloatRect cumulativeBounds = bounds; for (auto& keyframe : m_keyframes.keyframes()) { if (!keyframe.containsProperty(CSSPropertyTransform)) continue; LayoutRect keyframeBounds = bounds; bool canCompute; if (transformFunctionListsMatch()) canCompute = computeTransformedExtentViaTransformList(rendererBox, *keyframe.style(), keyframeBounds); else canCompute = computeTransformedExtentViaMatrix(rendererBox, *keyframe.style(), keyframeBounds); if (!canCompute) return false; cumulativeBounds.unite(keyframeBounds); } bounds = LayoutRect(cumulativeBounds); return true; } bool KeyframeAnimation::hasAnimationForProperty(CSSPropertyID property) const { return m_keyframes.containsProperty(property); } bool KeyframeAnimation::startAnimation(double timeOffset) { if (m_object && m_object->isComposited()) return downcast(*m_object).startAnimation(timeOffset, m_animation.ptr(), m_keyframes); return false; } void KeyframeAnimation::pauseAnimation(double timeOffset) { if (!m_object) return; if (m_object->isComposited()) downcast(*m_object).animationPaused(timeOffset, m_keyframes.animationName()); // Restore the original (unanimated) style if (!paused()) setNeedsStyleRecalc(m_object->element()); } void KeyframeAnimation::endAnimation() { if (!m_object) return; if (m_object->isComposited()) downcast(*m_object).animationFinished(m_keyframes.animationName()); // Restore the original (unanimated) style if (!paused()) setNeedsStyleRecalc(m_object->element()); } bool KeyframeAnimation::shouldSendEventForListener(Document::ListenerType listenerType) const { return m_object->document().hasListenerType(listenerType); } void KeyframeAnimation::onAnimationStart(double elapsedTime) { sendAnimationEvent(eventNames().animationstartEvent, elapsedTime); } void KeyframeAnimation::onAnimationIteration(double elapsedTime) { sendAnimationEvent(eventNames().animationiterationEvent, elapsedTime); } void KeyframeAnimation::onAnimationEnd(double elapsedTime) { sendAnimationEvent(eventNames().animationendEvent, elapsedTime); // End the animation if we don't fill forwards. Forward filling // animations are ended properly in the class destructor. if (!m_animation->fillsForwards()) endAnimation(); } bool KeyframeAnimation::sendAnimationEvent(const AtomicString& eventType, double elapsedTime) { Document::ListenerType listenerType; if (eventType == eventNames().webkitAnimationIterationEvent || eventType == eventNames().animationiterationEvent) listenerType = Document::ANIMATIONITERATION_LISTENER; else if (eventType == eventNames().webkitAnimationEndEvent || eventType == eventNames().animationendEvent) listenerType = Document::ANIMATIONEND_LISTENER; else { ASSERT(eventType == eventNames().webkitAnimationStartEvent || eventType == eventNames().animationstartEvent); if (m_startEventDispatched) return false; m_startEventDispatched = true; listenerType = Document::ANIMATIONSTART_LISTENER; } if (shouldSendEventForListener(listenerType)) { // Dispatch the event RefPtr element = m_object->element(); ASSERT(!element || !element->document().inPageCache()); if (!element) return false; // Schedule event handling m_compositeAnimation->animationController().addEventToDispatch(element, eventType, m_keyframes.animationName(), elapsedTime); // Restore the original (unanimated) style if ((eventType == eventNames().webkitAnimationEndEvent || eventType == eventNames().animationendEvent) && element->renderer()) setNeedsStyleRecalc(element.get()); return true; // Did dispatch an event } return false; // Did not dispatch an event } void KeyframeAnimation::overrideAnimations() { // This will override implicit animations that match the properties in the keyframe animation for (auto propertyID : m_keyframes.properties()) compositeAnimation()->overrideImplicitAnimations(propertyID); } void KeyframeAnimation::resumeOverriddenAnimations() { // This will resume overridden implicit animations for (auto propertyID : m_keyframes.properties()) compositeAnimation()->resumeOverriddenImplicitAnimations(propertyID); } bool KeyframeAnimation::affectsProperty(CSSPropertyID property) const { return m_keyframes.containsProperty(property); } void KeyframeAnimation::validateTransformFunctionList() { m_transformFunctionListsMatch = false; if (m_keyframes.size() < 2 || !m_keyframes.containsProperty(CSSPropertyTransform)) return; // Empty transforms match anything, so find the first non-empty entry as the reference size_t numKeyframes = m_keyframes.size(); size_t firstNonEmptyTransformKeyframeIndex = numKeyframes; for (size_t i = 0; i < numKeyframes; ++i) { const KeyframeValue& currentKeyframe = m_keyframes[i]; if (currentKeyframe.style()->transform().operations().size()) { firstNonEmptyTransformKeyframeIndex = i; break; } } if (firstNonEmptyTransformKeyframeIndex == numKeyframes) return; const TransformOperations* firstVal = &m_keyframes[firstNonEmptyTransformKeyframeIndex].style()->transform(); // See if the keyframes are valid for (size_t i = firstNonEmptyTransformKeyframeIndex + 1; i < numKeyframes; ++i) { const KeyframeValue& currentKeyframe = m_keyframes[i]; const TransformOperations* val = ¤tKeyframe.style()->transform(); // An emtpy transform list matches anything. if (val->operations().isEmpty()) continue; if (!firstVal->operationsMatch(*val)) return; } m_transformFunctionListsMatch = true; } void KeyframeAnimation::checkForMatchingFilterFunctionLists() { m_filterFunctionListsMatch = false; if (m_keyframes.size() < 2 || !m_keyframes.containsProperty(CSSPropertyFilter)) return; // Empty filters match anything, so find the first non-empty entry as the reference size_t numKeyframes = m_keyframes.size(); size_t firstNonEmptyFilterKeyframeIndex = numKeyframes; for (size_t i = 0; i < numKeyframes; ++i) { if (m_keyframes[i].style()->filter().operations().size()) { firstNonEmptyFilterKeyframeIndex = i; break; } } if (firstNonEmptyFilterKeyframeIndex == numKeyframes) return; auto& firstVal = m_keyframes[firstNonEmptyFilterKeyframeIndex].style()->filter(); for (size_t i = firstNonEmptyFilterKeyframeIndex + 1; i < numKeyframes; ++i) { auto& value = m_keyframes[i].style()->filter(); // An emtpy filter list matches anything. if (value.operations().isEmpty()) continue; if (!firstVal.operationsMatch(value)) return; } m_filterFunctionListsMatch = true; } #if ENABLE(FILTERS_LEVEL_2) void KeyframeAnimation::checkForMatchingBackdropFilterFunctionLists() { m_backdropFilterFunctionListsMatch = false; if (m_keyframes.size() < 2 || !m_keyframes.containsProperty(CSSPropertyWebkitBackdropFilter)) return; // Empty filters match anything, so find the first non-empty entry as the reference size_t numKeyframes = m_keyframes.size(); size_t firstNonEmptyFilterKeyframeIndex = numKeyframes; for (size_t i = 0; i < numKeyframes; ++i) { if (m_keyframes[i].style()->backdropFilter().operations().size()) { firstNonEmptyFilterKeyframeIndex = i; break; } } if (firstNonEmptyFilterKeyframeIndex == numKeyframes) return; auto& firstVal = m_keyframes[firstNonEmptyFilterKeyframeIndex].style()->backdropFilter(); for (size_t i = firstNonEmptyFilterKeyframeIndex + 1; i < numKeyframes; ++i) { auto& value = m_keyframes[i].style()->backdropFilter(); // An emtpy filter list matches anything. if (value.operations().isEmpty()) continue; if (!firstVal.operationsMatch(value)) return; } m_backdropFilterFunctionListsMatch = true; } #endif double KeyframeAnimation::timeToNextService() { double t = AnimationBase::timeToNextService(); if (t != 0 || preActive()) return t; // A return value of 0 means we need service. But if we only have accelerated animations we // only need service at the end of the transition bool acceleratedPropertiesOnly = true; for (auto propertyID : m_keyframes.properties()) { if (!CSSPropertyAnimation::animationOfPropertyIsAccelerated(propertyID) || !isAccelerated()) { acceleratedPropertiesOnly = false; break; } } if (acceleratedPropertiesOnly) { bool isLooping; getTimeToNextEvent(t, isLooping); } return t; } } // namespace WebCore