ElementLottie.cpp 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. /*
  2. * This source file is part of RmlUi, the HTML/CSS Interface Middleware
  3. *
  4. * For the latest information, see http://github.com/mikke89/RmlUi
  5. *
  6. * Copyright (c) 2008-2010 CodePoint Ltd, Shift Technology Ltd
  7. * Copyright (c) 2019-2023 The RmlUi Team, and contributors
  8. *
  9. * Permission is hereby granted, free of charge, to any person obtaining a copy
  10. * of this software and associated documentation files (the "Software"), to deal
  11. * in the Software without restriction, including without limitation the rights
  12. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  13. * copies of the Software, and to permit persons to whom the Software is
  14. * furnished to do so, subject to the following conditions:
  15. *
  16. * The above copyright notice and this permission notice shall be included in
  17. * all copies or substantial portions of the Software.
  18. *
  19. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  20. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  21. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  22. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  23. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  24. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  25. * THE SOFTWARE.
  26. *
  27. */
  28. #include "../../Include/RmlUi/Lottie/ElementLottie.h"
  29. #include "../../Include/RmlUi/Core/ComputedValues.h"
  30. #include "../../Include/RmlUi/Core/Context.h"
  31. #include "../../Include/RmlUi/Core/Core.h"
  32. #include "../../Include/RmlUi/Core/ElementDocument.h"
  33. #include "../../Include/RmlUi/Core/FileInterface.h"
  34. #include "../../Include/RmlUi/Core/MeshUtilities.h"
  35. #include "../../Include/RmlUi/Core/PropertyIdSet.h"
  36. #include "../../Include/RmlUi/Core/RenderManager.h"
  37. #include "../../Include/RmlUi/Core/SystemInterface.h"
  38. #include <cmath>
  39. #include <rlottie.h>
  40. namespace Rml {
  41. ElementLottie::ElementLottie(const String& tag) : Element(tag) {}
  42. ElementLottie::~ElementLottie() {}
  43. bool ElementLottie::GetIntrinsicDimensions(Vector2f& dimensions, float& ratio)
  44. {
  45. if (animation_dirty)
  46. LoadAnimation();
  47. dimensions = intrinsic_dimensions;
  48. if (dimensions.y > 0)
  49. ratio = dimensions.x / dimensions.y;
  50. return true;
  51. }
  52. void ElementLottie::OnUpdate()
  53. {
  54. if (animation_dirty)
  55. LoadAnimation();
  56. if (!animation)
  57. return;
  58. const auto t = GetSystemInterface()->GetElapsedTime();
  59. if (time_animation_start < 0.0)
  60. time_animation_start = t;
  61. double _unused;
  62. const double frame_duration = 1.0 / animation->frameRate();
  63. const double delay = std::modf((t - time_animation_start) / frame_duration, &_unused) * frame_duration;
  64. if (IsVisible(true))
  65. {
  66. if (Context* ctx = GetContext())
  67. ctx->RequestNextUpdate(delay);
  68. }
  69. }
  70. void ElementLottie::OnRender()
  71. {
  72. if (animation)
  73. {
  74. if (geometry_dirty)
  75. GenerateGeometry();
  76. UpdateTexture();
  77. geometry.Render(GetAbsoluteOffset(BoxArea::Content).Round(), texture);
  78. }
  79. }
  80. void ElementLottie::OnResize()
  81. {
  82. geometry_dirty = true;
  83. texture_size_dirty = true;
  84. }
  85. void ElementLottie::OnAttributeChange(const ElementAttributes& changed_attributes)
  86. {
  87. Element::OnAttributeChange(changed_attributes);
  88. if (changed_attributes.count("src"))
  89. {
  90. animation_dirty = true;
  91. DirtyLayout();
  92. }
  93. }
  94. void ElementLottie::OnPropertyChange(const PropertyIdSet& changed_properties)
  95. {
  96. Element::OnPropertyChange(changed_properties);
  97. if (changed_properties.Contains(PropertyId::ImageColor) || changed_properties.Contains(PropertyId::Opacity))
  98. {
  99. geometry_dirty = true;
  100. }
  101. }
  102. void ElementLottie::GenerateGeometry()
  103. {
  104. const ComputedValues& computed = GetComputedValues();
  105. ColourbPremultiplied quad_colour = computed.image_color().ToPremultiplied(computed.opacity());
  106. const Vector2f render_dimensions_f = GetBox().GetSize(BoxArea::Content).Round();
  107. render_dimensions = Vector2i(render_dimensions_f);
  108. Mesh mesh = geometry.Release(Geometry::ReleaseMode::ClearMesh);
  109. MeshUtilities::GenerateQuad(mesh, Vector2f(0), render_dimensions_f, quad_colour, Vector2f(0), Vector2f(1));
  110. geometry = GetRenderManager()->MakeGeometry(std::move(mesh));
  111. geometry_dirty = false;
  112. }
  113. bool ElementLottie::LoadAnimation()
  114. {
  115. animation_dirty = false;
  116. intrinsic_dimensions = Vector2f{};
  117. texture = {};
  118. animation.reset();
  119. prev_animation_frame = size_t(-1);
  120. time_animation_start = -1;
  121. const String attribute_src = GetAttribute<String>("src", "");
  122. if (attribute_src.empty())
  123. return false;
  124. String path = attribute_src;
  125. String directory;
  126. if (ElementDocument* document = GetOwnerDocument())
  127. {
  128. const String document_source_url = StringUtilities::Replace(document->GetSourceURL(), '|', ':');
  129. GetSystemInterface()->JoinPath(path, document_source_url, attribute_src);
  130. GetSystemInterface()->JoinPath(directory, document_source_url, "");
  131. }
  132. String json_data;
  133. if (path.empty() || !GetFileInterface()->LoadFile(path, json_data))
  134. {
  135. Log::Message(Rml::Log::Type::LT_WARNING, "Could not load lottie file %s", path.c_str());
  136. return false;
  137. }
  138. animation = rlottie::Animation::loadFromData(std::move(json_data), path, directory);
  139. if (!animation)
  140. {
  141. Log::Message(Rml::Log::Type::LT_WARNING, "Could not construct the lottie animation %s", path.c_str());
  142. return false;
  143. }
  144. size_t width = 0, height = 0;
  145. animation->size(width, height);
  146. intrinsic_dimensions.x = float(width);
  147. intrinsic_dimensions.y = float(height);
  148. return true;
  149. }
  150. void ElementLottie::UpdateTexture()
  151. {
  152. if (!animation)
  153. return;
  154. RenderManager* render_manager = GetRenderManager();
  155. if (!render_manager)
  156. return;
  157. const double t = GetSystemInterface()->GetElapsedTime();
  158. // Find the next animation frame to display.
  159. // Here it is possible to add more logic to control playback speed, pause/resume, and more.
  160. double _unused;
  161. // Find the normalized animation progress [0, 1].
  162. const double pos = std::modf((t - time_animation_start) / animation->duration(), &_unused);
  163. const size_t next_frame = animation->frameAtPos(pos);
  164. if (!texture_size_dirty && next_frame == prev_animation_frame)
  165. {
  166. // No need to update the texture if we are drawing the same frame at the same size.
  167. return;
  168. }
  169. // Resize the texture buffer if necessary.
  170. const size_t new_texture_data_size = 4 * render_dimensions.x * render_dimensions.y;
  171. if (new_texture_data_size > texture_data_size)
  172. {
  173. texture_data.reset(new byte[new_texture_data_size]);
  174. texture_data_size = new_texture_data_size;
  175. }
  176. // Callback for generating texture.
  177. auto texture_callback = [this, next_frame](const CallbackTextureInterface& texture_interface) -> bool {
  178. RMLUI_ASSERT(animation);
  179. const size_t bytes_per_line = 4 * render_dimensions.x;
  180. const size_t total_bytes = bytes_per_line * render_dimensions.y;
  181. byte* p_data = texture_data.get();
  182. rlottie::Surface surface(reinterpret_cast<uint32_t*>(p_data), render_dimensions.x, render_dimensions.y, bytes_per_line);
  183. animation->renderSync(next_frame, surface);
  184. // Swizzle the channel order from rlottie's BGRA to RmlUi's RGBA.
  185. for (size_t i = 0; i < total_bytes; i += 4)
  186. {
  187. // Swap the RB order for correct color channels.
  188. std::swap(p_data[i], p_data[i + 2]);
  189. #ifdef RMLUI_DEBUG
  190. const byte alpha = p_data[i + 3];
  191. for (int c = 0; c < 3; c++)
  192. RMLUI_ASSERTMSG(p_data[i + c] <= alpha, "Glyph data is assumed to be encoded in premultiplied alpha, but that is not the case.");
  193. #endif
  194. }
  195. if (!texture_interface.GenerateTexture({p_data, total_bytes}, render_dimensions))
  196. return false;
  197. return true;
  198. };
  199. texture = render_manager->MakeCallbackTexture(std::move(texture_callback));
  200. prev_animation_frame = next_frame;
  201. texture_size_dirty = false;
  202. }
  203. } // namespace Rml