AnimationEffect.h 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. /*
  2. * Copyright (c) 2023, Matthew Olsson <mattco@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #pragma once
  7. #include <AK/Optional.h>
  8. #include <AK/String.h>
  9. #include <AK/Variant.h>
  10. #include <LibWeb/Animations/TimingFunction.h>
  11. #include <LibWeb/Bindings/AnimationEffectPrototype.h>
  12. #include <LibWeb/Bindings/PlatformObject.h>
  13. namespace Web::Animations {
  14. // // https://www.w3.org/TR/web-animations-1/#the-effecttiming-dictionaries
  15. struct OptionalEffectTiming {
  16. Optional<double> delay {};
  17. Optional<double> end_delay {};
  18. Optional<Bindings::FillMode> fill {};
  19. Optional<double> iteration_start {};
  20. Optional<double> iterations {};
  21. Optional<Variant<double, String>> duration;
  22. Optional<Bindings::PlaybackDirection> direction {};
  23. Optional<String> easing {};
  24. };
  25. // // https://www.w3.org/TR/web-animations-1/#the-effecttiming-dictionaries
  26. struct EffectTiming {
  27. double delay { 0 };
  28. double end_delay { 0 };
  29. Bindings::FillMode fill { Bindings::FillMode::Auto };
  30. double iteration_start { 0.0 };
  31. double iterations { 1.0 };
  32. Variant<double, String> duration { "auto"_string };
  33. Bindings::PlaybackDirection direction { Bindings::PlaybackDirection::Normal };
  34. String easing { "linear"_string };
  35. OptionalEffectTiming to_optional_effect_timing() const;
  36. };
  37. // https://www.w3.org/TR/web-animations-1/#the-computedeffecttiming-dictionary
  38. struct ComputedEffectTiming : public EffectTiming {
  39. double end_time;
  40. double active_duration;
  41. Optional<double> local_time;
  42. Optional<double> progress;
  43. Optional<double> current_iteration;
  44. };
  45. enum class AnimationDirection {
  46. Forwards,
  47. Backwards,
  48. };
  49. // https://www.w3.org/TR/web-animations-1/#the-animationeffect-interface
  50. class AnimationEffect : public Bindings::PlatformObject {
  51. WEB_PLATFORM_OBJECT(AnimationEffect, Bindings::PlatformObject);
  52. JS_DECLARE_ALLOCATOR(AnimationEffect);
  53. public:
  54. static JS::NonnullGCPtr<AnimationEffect> create(JS::Realm&);
  55. EffectTiming get_timing() const;
  56. ComputedEffectTiming get_computed_timing() const;
  57. WebIDL::ExceptionOr<void> update_timing(OptionalEffectTiming timing = {});
  58. double start_delay() const { return m_start_delay; }
  59. void set_start_delay(double start_delay) { m_start_delay = start_delay; }
  60. double end_delay() const { return m_end_delay; }
  61. void set_end_delay(double end_delay) { m_end_delay = end_delay; }
  62. Bindings::FillMode fill_mode() const { return m_fill_mode; }
  63. void set_fill_mode(Bindings::FillMode fill_mode) { m_fill_mode = fill_mode; }
  64. double iteration_start() const { return m_iteration_start; }
  65. void set_iteration_start(double iteration_start) { m_iteration_start = iteration_start; }
  66. double iteration_count() const { return m_iteration_count; }
  67. void set_iteration_count(double iteration_count) { m_iteration_count = iteration_count; }
  68. Variant<double, String> const& iteration_duration() const { return m_iteration_duration; }
  69. void set_iteration_duration(Variant<double, String> iteration_duration) { m_iteration_duration = move(iteration_duration); }
  70. Bindings::PlaybackDirection playback_direction() const { return m_playback_direction; }
  71. void set_playback_direction(Bindings::PlaybackDirection playback_direction) { m_playback_direction = playback_direction; }
  72. String const& easing_function() const { return m_easing_function; }
  73. void set_easing_function(String easing_function) { m_easing_function = move(easing_function); }
  74. TimingFunction const& timing_function() { return m_timing_function; }
  75. void set_timing_function(TimingFunction value) { m_timing_function = move(value); }
  76. JS::GCPtr<Animation> associated_animation() const { return m_associated_animation; }
  77. void set_associated_animation(JS::GCPtr<Animation> value) { m_associated_animation = value; }
  78. AnimationDirection animation_direction() const;
  79. double end_time() const;
  80. Optional<double> local_time() const;
  81. double active_duration() const;
  82. Optional<double> active_time() const;
  83. Optional<double> active_time_using_fill(Bindings::FillMode) const;
  84. double before_active_boundary_time() const;
  85. double after_active_boundary_time() const;
  86. bool is_in_the_before_phase() const;
  87. bool is_in_the_after_phase() const;
  88. bool is_in_the_active_phase() const;
  89. bool is_in_the_idle_phase() const;
  90. enum class Phase {
  91. Before,
  92. Active,
  93. After,
  94. Idle,
  95. };
  96. Phase phase() const;
  97. Optional<double> overall_progress() const;
  98. Optional<double> directed_progress() const;
  99. AnimationDirection current_direction() const;
  100. Optional<double> simple_iteration_progress() const;
  101. Optional<double> current_iteration() const;
  102. Optional<double> transformed_progress() const;
  103. virtual DOM::Element* target() const { return {}; }
  104. protected:
  105. AnimationEffect(JS::Realm&);
  106. virtual ~AnimationEffect() = default;
  107. virtual void initialize(JS::Realm&) override;
  108. // https://www.w3.org/TR/web-animations-1/#start-delay
  109. double m_start_delay { 0.0 };
  110. // https://www.w3.org/TR/web-animations-1/#end-delay
  111. double m_end_delay { 0.0 };
  112. // https://www.w3.org/TR/web-animations-1/#fill-mode
  113. Bindings::FillMode m_fill_mode { Bindings::FillMode::Auto };
  114. // https://www.w3.org/TR/web-animations-1/#iteration-start
  115. double m_iteration_start { 0.0 };
  116. // https://www.w3.org/TR/web-animations-1/#iteration-count
  117. double m_iteration_count { 1.0 };
  118. // https://www.w3.org/TR/web-animations-1/#iteration-duration
  119. Variant<double, String> m_iteration_duration { 0.0 };
  120. // https://www.w3.org/TR/web-animations-1/#playback-direction
  121. Bindings::PlaybackDirection m_playback_direction { Bindings::PlaybackDirection::Normal };
  122. // https://www.w3.org/TR/css-easing-1/#easing-function
  123. String m_easing_function { "linear"_string };
  124. // https://www.w3.org/TR/web-animations-1/#animation-associated-effect
  125. JS::GCPtr<Animation> m_associated_animation {};
  126. // https://www.w3.org/TR/web-animations-1/#time-transformations
  127. TimingFunction m_timing_function { linear_timing_function };
  128. };
  129. }