ElementLottie.cpp 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  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. EnsureSourceLoaded();
  46. dimensions = intrinsic_dimensions;
  47. if (dimensions.y > 0)
  48. ratio = dimensions.x / dimensions.y;
  49. return true;
  50. }
  51. void ElementLottie::EnsureSourceLoaded()
  52. {
  53. if (animation_dirty)
  54. LoadAnimation();
  55. }
  56. void ElementLottie::OnUpdate()
  57. {
  58. EnsureSourceLoaded();
  59. if (!animation)
  60. return;
  61. const auto t = GetSystemInterface()->GetElapsedTime();
  62. if (time_animation_start < 0.0)
  63. time_animation_start = t;
  64. double _unused;
  65. const double frame_duration = 1.0 / animation->frameRate();
  66. const double delay = std::modf((t - time_animation_start) / frame_duration, &_unused) * frame_duration;
  67. if (IsVisible(true))
  68. {
  69. if (Context* ctx = GetContext())
  70. ctx->RequestNextUpdate(delay);
  71. }
  72. }
  73. void ElementLottie::OnRender()
  74. {
  75. if (animation)
  76. {
  77. if (geometry_dirty)
  78. GenerateGeometry();
  79. UpdateTexture();
  80. geometry.Render(GetAbsoluteOffset(BoxArea::Content).Round(), texture);
  81. }
  82. }
  83. void ElementLottie::OnResize()
  84. {
  85. geometry_dirty = true;
  86. texture_size_dirty = true;
  87. }
  88. void ElementLottie::OnAttributeChange(const ElementAttributes& changed_attributes)
  89. {
  90. Element::OnAttributeChange(changed_attributes);
  91. if (changed_attributes.count("src"))
  92. {
  93. animation_dirty = true;
  94. DirtyLayout();
  95. }
  96. }
  97. void ElementLottie::OnPropertyChange(const PropertyIdSet& changed_properties)
  98. {
  99. Element::OnPropertyChange(changed_properties);
  100. if (changed_properties.Contains(PropertyId::ImageColor) || changed_properties.Contains(PropertyId::Opacity))
  101. {
  102. geometry_dirty = true;
  103. }
  104. }
  105. void ElementLottie::GenerateGeometry()
  106. {
  107. const ComputedValues& computed = GetComputedValues();
  108. ColourbPremultiplied quad_colour = computed.image_color().ToPremultiplied(computed.opacity());
  109. const Vector2f render_dimensions_f = GetBox().GetSize(BoxArea::Content).Round();
  110. render_dimensions = Vector2i(render_dimensions_f);
  111. Mesh mesh = geometry.Release(Geometry::ReleaseMode::ClearMesh);
  112. MeshUtilities::GenerateQuad(mesh, Vector2f(0), render_dimensions_f, quad_colour, Vector2f(0), Vector2f(1));
  113. geometry = GetRenderManager()->MakeGeometry(std::move(mesh));
  114. geometry_dirty = false;
  115. }
  116. bool ElementLottie::LoadAnimation()
  117. {
  118. animation_dirty = false;
  119. intrinsic_dimensions = Vector2f{};
  120. texture = {};
  121. animation.reset();
  122. prev_animation_frame = size_t(-1);
  123. time_animation_start = -1;
  124. const String attribute_src = GetAttribute<String>("src", "");
  125. if (attribute_src.empty())
  126. return false;
  127. String path = attribute_src;
  128. String directory;
  129. if (ElementDocument* document = GetOwnerDocument())
  130. {
  131. const String document_source_url = StringUtilities::Replace(document->GetSourceURL(), '|', ':');
  132. GetSystemInterface()->JoinPath(path, document_source_url, attribute_src);
  133. GetSystemInterface()->JoinPath(directory, document_source_url, "");
  134. }
  135. String json_data;
  136. if (path.empty() || !GetFileInterface()->LoadFile(path, json_data))
  137. {
  138. Log::Message(Rml::Log::Type::LT_WARNING, "Could not load lottie file %s", path.c_str());
  139. return false;
  140. }
  141. animation = rlottie::Animation::loadFromData(std::move(json_data), path, directory);
  142. if (!animation)
  143. {
  144. Log::Message(Rml::Log::Type::LT_WARNING, "Could not construct the lottie animation %s", path.c_str());
  145. return false;
  146. }
  147. size_t width = 0, height = 0;
  148. animation->size(width, height);
  149. intrinsic_dimensions.x = float(width);
  150. intrinsic_dimensions.y = float(height);
  151. return true;
  152. }
  153. void ElementLottie::UpdateTexture()
  154. {
  155. if (!animation)
  156. return;
  157. RenderManager* render_manager = GetRenderManager();
  158. if (!render_manager)
  159. return;
  160. const double t = GetSystemInterface()->GetElapsedTime();
  161. // Find the next animation frame to display.
  162. // Here it is possible to add more logic to control playback speed, pause/resume, and more.
  163. double _unused;
  164. // Find the normalized animation progress [0, 1].
  165. const double pos = std::modf((t - time_animation_start) / animation->duration(), &_unused);
  166. const size_t next_frame = animation->frameAtPos(pos);
  167. if (!texture_size_dirty && next_frame == prev_animation_frame)
  168. {
  169. // No need to update the texture if we are drawing the same frame at the same size.
  170. return;
  171. }
  172. // Resize the texture buffer if necessary.
  173. const size_t new_texture_data_size = 4 * render_dimensions.x * render_dimensions.y;
  174. if (new_texture_data_size > texture_data_size)
  175. {
  176. texture_data.reset(new byte[new_texture_data_size]);
  177. texture_data_size = new_texture_data_size;
  178. }
  179. // Callback for generating texture.
  180. auto texture_callback = [this, next_frame](const CallbackTextureInterface& texture_interface) -> bool {
  181. RMLUI_ASSERT(animation);
  182. const size_t bytes_per_line = 4 * render_dimensions.x;
  183. const size_t total_bytes = bytes_per_line * render_dimensions.y;
  184. byte* p_data = texture_data.get();
  185. rlottie::Surface surface(reinterpret_cast<uint32_t*>(p_data), render_dimensions.x, render_dimensions.y, bytes_per_line);
  186. animation->renderSync(next_frame, surface);
  187. // Swizzle the channel order from rlottie's BGRA to RmlUi's RGBA.
  188. for (size_t i = 0; i < total_bytes; i += 4)
  189. {
  190. // Swap the RB order for correct color channels.
  191. std::swap(p_data[i], p_data[i + 2]);
  192. #ifdef RMLUI_DEBUG
  193. const byte alpha = p_data[i + 3];
  194. for (int c = 0; c < 3; c++)
  195. RMLUI_ASSERTMSG(p_data[i + c] <= alpha, "Glyph data is assumed to be encoded in premultiplied alpha, but that is not the case.");
  196. #endif
  197. }
  198. if (!texture_interface.GenerateTexture({p_data, total_bytes}, render_dimensions))
  199. {
  200. Log::Message(Rml::Log::Type::LT_WARNING, "Could not generate texture for lottie animation: %s", GetAttribute<String>("src", "").c_str());
  201. return false;
  202. }
  203. return true;
  204. };
  205. texture = render_manager->MakeCallbackTexture(std::move(texture_callback));
  206. prev_animation_frame = next_frame;
  207. texture_size_dirty = false;
  208. }
  209. } // namespace Rml