DecoratorGradient.cpp 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754
  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 "DecoratorGradient.h"
  29. #include "../../Include/RmlUi/Core/ComputedValues.h"
  30. #include "../../Include/RmlUi/Core/Element.h"
  31. #include "../../Include/RmlUi/Core/ElementUtilities.h"
  32. #include "../../Include/RmlUi/Core/Geometry.h"
  33. #include "../../Include/RmlUi/Core/Math.h"
  34. #include "../../Include/RmlUi/Core/MeshUtilities.h"
  35. #include "../../Include/RmlUi/Core/PropertyDefinition.h"
  36. #include "ComputeProperty.h"
  37. #include "DecoratorShader.h"
  38. namespace Rml {
  39. // Returns the point along the input line ('line_point', 'line_vector') closest to the input 'point'.
  40. static Vector2f IntersectionPointToLineNormal(const Vector2f point, const Vector2f line_point, const Vector2f line_vector)
  41. {
  42. const Vector2f delta = line_point - point;
  43. return line_point - delta.DotProduct(line_vector) * line_vector;
  44. }
  45. /// Convert all color stop positions to normalized numbers.
  46. /// @param[in] element The element to resolve lengths against.
  47. /// @param[in] gradient_line_length The length of the gradient line, along which color stops are placed.
  48. /// @param[in] soft_spacing The desired minimum distance between stops to avoid aliasing, in normalized number units.
  49. /// @param[in] unresolved_stops
  50. /// @return A list of resolved color stops, all in number units.
  51. static ColorStopList ResolveColorStops(Element* element, const float gradient_line_length, const float soft_spacing,
  52. const ColorStopList& unresolved_stops)
  53. {
  54. ColorStopList stops = unresolved_stops;
  55. const int num_stops = (int)stops.size();
  56. // Resolve all lengths, percentages, and angles to numbers. After this step all stops with a unit other than Number are considered as Auto.
  57. for (ColorStop& stop : stops)
  58. {
  59. if (Any(stop.position.unit & Unit::LENGTH))
  60. {
  61. const float resolved_position = element->ResolveLength(stop.position);
  62. stop.position = NumericValue(resolved_position / gradient_line_length, Unit::NUMBER);
  63. }
  64. else if (stop.position.unit == Unit::PERCENT)
  65. {
  66. stop.position = NumericValue(stop.position.number * 0.01f, Unit::NUMBER);
  67. }
  68. else if (Any(stop.position.unit & Unit::ANGLE))
  69. {
  70. stop.position = NumericValue(ComputeAngle(stop.position) * (1.f / (2.f * Math::RMLUI_PI)), Unit::NUMBER);
  71. }
  72. }
  73. // Resolve auto positions of the first and last color stops.
  74. auto resolve_edge_stop = [](ColorStop& stop, float auto_to_number) {
  75. if (stop.position.unit != Unit::NUMBER)
  76. stop.position = NumericValue(auto_to_number, Unit::NUMBER);
  77. };
  78. resolve_edge_stop(stops[0], 0.f);
  79. resolve_edge_stop(stops[num_stops - 1], 1.f);
  80. // Ensures that color stop positions are strictly increasing, and have at least 1px spacing to avoid aliasing.
  81. auto nudge_stop = [prev_position = stops[0].position.number](ColorStop& stop, bool update_prev = true) mutable {
  82. stop.position.number = Math::Max(stop.position.number, prev_position);
  83. if (update_prev)
  84. prev_position = stop.position.number;
  85. };
  86. int auto_begin_i = -1;
  87. // Evenly space stops with sequential auto indices, and nudge stop positions to ensure strictly increasing positions.
  88. for (int i = 1; i < num_stops; i++)
  89. {
  90. ColorStop& stop = stops[i];
  91. if (stop.position.unit != Unit::NUMBER)
  92. {
  93. // Mark the first of any consecutive auto stops.
  94. if (auto_begin_i < 0)
  95. auto_begin_i = i;
  96. }
  97. else if (auto_begin_i < 0)
  98. {
  99. // The stop has a definite position and there are no previous autos to handle, just ensure it is properly spaced.
  100. nudge_stop(stop);
  101. }
  102. else
  103. {
  104. // Space out all the previous auto stops, indices [auto_begin_i, i).
  105. nudge_stop(stop, false);
  106. const int num_auto_stops = i - auto_begin_i;
  107. const float t0 = stops[auto_begin_i - 1].position.number;
  108. const float t1 = stop.position.number;
  109. for (int j = 0; j < num_auto_stops; j++)
  110. {
  111. const float fraction_along_t0_t1 = float(j + 1) / float(num_auto_stops + 1);
  112. stops[j + auto_begin_i].position = NumericValue(t0 + (t1 - t0) * fraction_along_t0_t1, Unit::NUMBER);
  113. nudge_stop(stops[j + auto_begin_i]);
  114. }
  115. nudge_stop(stop);
  116. auto_begin_i = -1;
  117. }
  118. }
  119. // Ensures that stops are placed some minimum distance from each other to avoid aliasing, if possible.
  120. for (int i = 1; i < num_stops - 1; i++)
  121. {
  122. const float p0 = stops[i - 1].position.number;
  123. const float p1 = stops[i].position.number;
  124. const float p2 = stops[i + 1].position.number;
  125. float& new_position = stops[i].position.number;
  126. if (p1 - p0 < soft_spacing)
  127. {
  128. if (p2 - p0 < 2.f * soft_spacing)
  129. new_position = 0.5f * (p2 + p0);
  130. else
  131. new_position = p0 + soft_spacing;
  132. }
  133. }
  134. RMLUI_ASSERT(std::all_of(stops.begin(), stops.end(), [](auto&& stop) { return stop.position.unit == Unit::NUMBER; }));
  135. return stops;
  136. }
  137. // Compute a 2d-position property value into a percentage-length vector.
  138. static Vector2Numeric ComputePosition(const Property* p_position[2])
  139. {
  140. Vector2Numeric position;
  141. for (int dimension = 0; dimension < 2; dimension++)
  142. {
  143. NumericValue& value = position[dimension];
  144. const Property& property = *p_position[dimension];
  145. if (property.unit == Unit::KEYWORD)
  146. {
  147. enum { TOP_LEFT, CENTER, BOTTOM_RIGHT };
  148. switch (property.Get<int>())
  149. {
  150. case TOP_LEFT: value = NumericValue(0.f, Unit::PERCENT); break;
  151. case CENTER: value = NumericValue(50.f, Unit::PERCENT); break;
  152. case BOTTOM_RIGHT: value = NumericValue(100.f, Unit::PERCENT); break;
  153. }
  154. }
  155. else
  156. {
  157. value = property.GetNumericValue();
  158. }
  159. }
  160. return position;
  161. }
  162. DecoratorStraightGradient::DecoratorStraightGradient() {}
  163. DecoratorStraightGradient::~DecoratorStraightGradient() {}
  164. bool DecoratorStraightGradient::Initialise(const Direction in_direction, const Colourb in_start, const Colourb in_stop)
  165. {
  166. direction = in_direction;
  167. start = in_start;
  168. stop = in_stop;
  169. return true;
  170. }
  171. DecoratorDataHandle DecoratorStraightGradient::GenerateElementData(Element* element, BoxArea paint_area) const
  172. {
  173. const Box& box = element->GetBox();
  174. const ComputedValues& computed = element->GetComputedValues();
  175. const float opacity = computed.opacity();
  176. Mesh mesh;
  177. MeshUtilities::GenerateBackground(mesh, element->GetBox(), Vector2f(0), computed.border_radius(), ColourbPremultiplied(), paint_area);
  178. ColourbPremultiplied colour_start = start.ToPremultiplied(opacity);
  179. ColourbPremultiplied colour_stop = stop.ToPremultiplied(opacity);
  180. const Vector2f offset = box.GetPosition(paint_area);
  181. const Vector2f size = box.GetSize(paint_area);
  182. Vector<Vertex>& vertices = mesh.vertices;
  183. if (direction == Direction::Horizontal)
  184. {
  185. for (int i = 0; i < (int)vertices.size(); i++)
  186. {
  187. const float t = Math::Clamp((vertices[i].position.x - offset.x) / size.x, 0.0f, 1.0f);
  188. vertices[i].colour = Math::RoundedLerp(t, colour_start, colour_stop);
  189. }
  190. }
  191. else if (direction == Direction::Vertical)
  192. {
  193. for (int i = 0; i < (int)vertices.size(); i++)
  194. {
  195. const float t = Math::Clamp((vertices[i].position.y - offset.y) / size.y, 0.0f, 1.0f);
  196. vertices[i].colour = Math::RoundedLerp(t, colour_start, colour_stop);
  197. }
  198. }
  199. Geometry* geometry = new Geometry(element->GetRenderManager()->MakeGeometry(std::move(mesh)));
  200. return reinterpret_cast<DecoratorDataHandle>(geometry);
  201. }
  202. void DecoratorStraightGradient::ReleaseElementData(DecoratorDataHandle element_data) const
  203. {
  204. delete reinterpret_cast<Geometry*>(element_data);
  205. }
  206. void DecoratorStraightGradient::RenderElement(Element* element, DecoratorDataHandle element_data) const
  207. {
  208. auto* data = reinterpret_cast<Geometry*>(element_data);
  209. data->Render(element->GetAbsoluteOffset(BoxArea::Border));
  210. }
  211. DecoratorStraightGradientInstancer::DecoratorStraightGradientInstancer()
  212. {
  213. ids.direction = RegisterProperty("direction", "horizontal").AddParser("keyword", "horizontal, vertical").GetId();
  214. ids.start = RegisterProperty("start-color", "#ffffff").AddParser("color").GetId();
  215. ids.stop = RegisterProperty("stop-color", "#ffffff").AddParser("color").GetId();
  216. RegisterShorthand("decorator", "direction, start-color, stop-color", ShorthandType::FallThrough);
  217. }
  218. DecoratorStraightGradientInstancer::~DecoratorStraightGradientInstancer() {}
  219. SharedPtr<Decorator> DecoratorStraightGradientInstancer::InstanceDecorator(const String& name, const PropertyDictionary& properties_,
  220. const DecoratorInstancerInterface& /*interface_*/)
  221. {
  222. using Direction = DecoratorStraightGradient::Direction;
  223. Direction direction;
  224. if (name == "horizontal-gradient")
  225. direction = Direction::Horizontal;
  226. else if (name == "vertical-gradient")
  227. direction = Direction::Vertical;
  228. else
  229. {
  230. direction = (Direction)properties_.GetProperty(ids.direction)->Get<int>();
  231. Log::Message(Log::LT_WARNING,
  232. "Decorator syntax 'gradient(horizontal|vertical ...)' is deprecated, please replace with 'horizontal-gradient(...)' or "
  233. "'vertical-gradient(...)'");
  234. }
  235. Colourb start = properties_.GetProperty(ids.start)->Get<Colourb>();
  236. Colourb stop = properties_.GetProperty(ids.stop)->Get<Colourb>();
  237. auto decorator = MakeShared<DecoratorStraightGradient>();
  238. if (decorator->Initialise(direction, start, stop))
  239. return decorator;
  240. return nullptr;
  241. }
  242. DecoratorLinearGradient::DecoratorLinearGradient() {}
  243. DecoratorLinearGradient::~DecoratorLinearGradient() {}
  244. bool DecoratorLinearGradient::Initialise(bool in_repeating, Corner in_corner, float in_angle, const ColorStopList& in_color_stops)
  245. {
  246. repeating = in_repeating;
  247. corner = in_corner;
  248. angle = in_angle;
  249. color_stops = in_color_stops;
  250. return !color_stops.empty();
  251. }
  252. DecoratorDataHandle DecoratorLinearGradient::GenerateElementData(Element* element, BoxArea paint_area) const
  253. {
  254. RenderManager* render_manager = element->GetRenderManager();
  255. if (!render_manager)
  256. return INVALID_DECORATORDATAHANDLE;
  257. RMLUI_ASSERT(!color_stops.empty());
  258. const Box& box = element->GetBox();
  259. const Vector2f dimensions = box.GetSize(paint_area);
  260. LinearGradientShape gradient_shape = CalculateShape(dimensions);
  261. // One-pixel minimum color stop spacing to avoid aliasing.
  262. const float soft_spacing = 1.f / gradient_shape.length;
  263. ColorStopList resolved_stops = ResolveColorStops(element, gradient_shape.length, soft_spacing, color_stops);
  264. CompiledShader shader = render_manager->CompileShader("linear-gradient",
  265. Dictionary{
  266. {"p0", Variant(gradient_shape.p0)},
  267. {"p1", Variant(gradient_shape.p1)},
  268. {"length", Variant(gradient_shape.length)},
  269. {"repeating", Variant(repeating)},
  270. {"color_stop_list", Variant(std::move(resolved_stops))},
  271. });
  272. if (!shader)
  273. return INVALID_DECORATORDATAHANDLE;
  274. Mesh mesh;
  275. const ComputedValues& computed = element->GetComputedValues();
  276. const byte alpha = byte(computed.opacity() * 255.f);
  277. MeshUtilities::GenerateBackground(mesh, box, Vector2f(), computed.border_radius(), ColourbPremultiplied(alpha, alpha), paint_area);
  278. const Vector2f render_offset = box.GetPosition(paint_area);
  279. for (Vertex& vertex : mesh.vertices)
  280. vertex.tex_coord = vertex.position - render_offset;
  281. ShaderElementData* element_data =
  282. GetShaderElementDataPool().AllocateAndConstruct(render_manager->MakeGeometry(std::move(mesh)), std::move(shader));
  283. return reinterpret_cast<DecoratorDataHandle>(element_data);
  284. }
  285. void DecoratorLinearGradient::ReleaseElementData(DecoratorDataHandle handle) const
  286. {
  287. ShaderElementData* element_data = reinterpret_cast<ShaderElementData*>(handle);
  288. GetShaderElementDataPool().DestroyAndDeallocate(element_data);
  289. }
  290. void DecoratorLinearGradient::RenderElement(Element* element, DecoratorDataHandle handle) const
  291. {
  292. ShaderElementData* element_data = reinterpret_cast<ShaderElementData*>(handle);
  293. element_data->geometry.Render(element->GetAbsoluteOffset(BoxArea::Border), {}, element_data->shader);
  294. }
  295. DecoratorLinearGradient::LinearGradientShape DecoratorLinearGradient::CalculateShape(Vector2f dim) const
  296. {
  297. using uint = unsigned int;
  298. const Vector2f corners[(int)Corner::Count] = {Vector2f(dim.x, 0), dim, Vector2f(0, dim.y), Vector2f(0, 0)};
  299. const Vector2f center = 0.5f * dim;
  300. uint quadrant = 0;
  301. Vector2f line_vector;
  302. if (corner == Corner::None)
  303. {
  304. // Find the target quadrant and unit vector for the given angle.
  305. quadrant = uint(Math::NormaliseAngle(angle) * (4.f / (2.f * Math::RMLUI_PI))) % 4u;
  306. line_vector = Vector2f(Math::Sin(angle), -Math::Cos(angle));
  307. }
  308. else
  309. {
  310. // Quadrant given by the corner, need to find the vector perpendicular to the line connecting the neighboring corners.
  311. quadrant = uint(corner);
  312. const Vector2f v_neighbors = (corners[(quadrant + 1u) % 4u] - corners[(quadrant + 3u) % 4u]).Normalise();
  313. line_vector = {v_neighbors.y, -v_neighbors.x};
  314. }
  315. const uint quadrant_opposite = (quadrant + 2u) % 4u;
  316. const Vector2f starting_point = IntersectionPointToLineNormal(corners[quadrant_opposite], center, line_vector);
  317. const Vector2f ending_point = IntersectionPointToLineNormal(corners[quadrant], center, line_vector);
  318. const float length = Math::Absolute(dim.x * line_vector.x) + Math::Absolute(-dim.y * line_vector.y);
  319. return LinearGradientShape{starting_point, ending_point, length};
  320. }
  321. DecoratorLinearGradientInstancer::DecoratorLinearGradientInstancer()
  322. {
  323. ids.angle = RegisterProperty("angle", "180deg").AddParser("angle").GetId();
  324. ids.direction_to = RegisterProperty("to", "unspecified").AddParser("keyword", "unspecified, to").GetId();
  325. // See Direction enum for keyword values.
  326. ids.direction_x = RegisterProperty("direction-x", "unspecified").AddParser("keyword", "unspecified=0, left=8, right=2").GetId();
  327. ids.direction_y = RegisterProperty("direction-y", "unspecified").AddParser("keyword", "unspecified=0, top=1, bottom=4").GetId();
  328. ids.color_stop_list = RegisterProperty("color-stops", "").AddParser("color_stop_list").GetId();
  329. RegisterShorthand("direction", "angle, to, direction-x, direction-y, direction-x", ShorthandType::FallThrough);
  330. RegisterShorthand("decorator", "direction?, color-stops#", ShorthandType::RecursiveCommaSeparated);
  331. }
  332. DecoratorLinearGradientInstancer::~DecoratorLinearGradientInstancer() {}
  333. SharedPtr<Decorator> DecoratorLinearGradientInstancer::InstanceDecorator(const String& name, const PropertyDictionary& properties_,
  334. const DecoratorInstancerInterface& /*interface_*/)
  335. {
  336. const Property* p_angle = properties_.GetProperty(ids.angle);
  337. const Property* p_direction_to = properties_.GetProperty(ids.direction_to);
  338. const Property* p_direction_x = properties_.GetProperty(ids.direction_x);
  339. const Property* p_direction_y = properties_.GetProperty(ids.direction_y);
  340. const Property* p_color_stop_list = properties_.GetProperty(ids.color_stop_list);
  341. if (!p_angle || !p_direction_to || !p_direction_x || !p_direction_y || !p_color_stop_list)
  342. return nullptr;
  343. using Corner = DecoratorLinearGradient::Corner;
  344. Corner corner = Corner::None;
  345. float angle = 0.f;
  346. if (p_direction_to->Get<bool>())
  347. {
  348. const Direction direction = (Direction)(p_direction_x->Get<int>() | p_direction_y->Get<int>());
  349. switch (direction)
  350. {
  351. case Direction::Top: angle = 0.f; break;
  352. case Direction::Right: angle = 0.5f * Math::RMLUI_PI; break;
  353. case Direction::Bottom: angle = Math::RMLUI_PI; break;
  354. case Direction::Left: angle = 1.5f * Math::RMLUI_PI; break;
  355. case Direction::TopLeft: corner = Corner::TopLeft; break;
  356. case Direction::TopRight: corner = Corner::TopRight; break;
  357. case Direction::BottomRight: corner = Corner::BottomRight; break;
  358. case Direction::BottomLeft: corner = Corner::BottomLeft; break;
  359. case Direction::None:
  360. default: return nullptr; break;
  361. }
  362. }
  363. else
  364. {
  365. angle = ComputeAngle(p_angle->GetNumericValue());
  366. }
  367. if (p_color_stop_list->unit != Unit::COLORSTOPLIST)
  368. return nullptr;
  369. const ColorStopList& color_stop_list = p_color_stop_list->value.GetReference<ColorStopList>();
  370. const bool repeating = (name == "repeating-linear-gradient");
  371. auto decorator = MakeShared<DecoratorLinearGradient>();
  372. if (decorator->Initialise(repeating, corner, angle, color_stop_list))
  373. return decorator;
  374. return nullptr;
  375. }
  376. DecoratorRadialGradient::DecoratorRadialGradient() {}
  377. DecoratorRadialGradient::~DecoratorRadialGradient() {}
  378. bool DecoratorRadialGradient::Initialise(bool in_repeating, Shape in_shape, SizeType in_size_type, Vector2Numeric in_size, Vector2Numeric in_position,
  379. const ColorStopList& in_color_stops)
  380. {
  381. repeating = in_repeating;
  382. shape = in_shape;
  383. size_type = in_size_type;
  384. size = in_size;
  385. position = in_position;
  386. color_stops = in_color_stops;
  387. return !color_stops.empty();
  388. }
  389. DecoratorDataHandle DecoratorRadialGradient::GenerateElementData(Element* element, BoxArea box_area) const
  390. {
  391. RenderManager* render_manager = element->GetRenderManager();
  392. if (!render_manager)
  393. return INVALID_DECORATORDATAHANDLE;
  394. RMLUI_ASSERT(!color_stops.empty() && (shape == Shape::Circle || shape == Shape::Ellipse));
  395. const Box& box = element->GetBox();
  396. const Vector2f dimensions = box.GetSize(box_area);
  397. RadialGradientShape gradient_shape = CalculateRadialGradientShape(element, dimensions);
  398. // One-pixel minimum color stop spacing to avoid aliasing.
  399. const float soft_spacing = 1.f / Math::Min(gradient_shape.radius.x, gradient_shape.radius.y);
  400. ColorStopList resolved_stops = ResolveColorStops(element, gradient_shape.radius.x, soft_spacing, color_stops);
  401. CompiledShader shader = render_manager->CompileShader("radial-gradient",
  402. Dictionary{
  403. {"center", Variant(gradient_shape.center)},
  404. {"radius", Variant(gradient_shape.radius)},
  405. {"repeating", Variant(repeating)},
  406. {"color_stop_list", Variant(std::move(resolved_stops))},
  407. });
  408. if (!shader)
  409. return INVALID_DECORATORDATAHANDLE;
  410. Mesh mesh;
  411. const ComputedValues& computed = element->GetComputedValues();
  412. const byte alpha = byte(computed.opacity() * 255.f);
  413. MeshUtilities::GenerateBackground(mesh, box, Vector2f(), computed.border_radius(), ColourbPremultiplied(alpha, alpha), box_area);
  414. const Vector2f render_offset = box.GetPosition(box_area);
  415. for (Vertex& vertex : mesh.vertices)
  416. vertex.tex_coord = vertex.position - render_offset;
  417. ShaderElementData* element_data =
  418. GetShaderElementDataPool().AllocateAndConstruct(render_manager->MakeGeometry(std::move(mesh)), std::move(shader));
  419. return reinterpret_cast<DecoratorDataHandle>(element_data);
  420. }
  421. void DecoratorRadialGradient::ReleaseElementData(DecoratorDataHandle handle) const
  422. {
  423. ShaderElementData* element_data = reinterpret_cast<ShaderElementData*>(handle);
  424. GetShaderElementDataPool().DestroyAndDeallocate(element_data);
  425. }
  426. void DecoratorRadialGradient::RenderElement(Element* element, DecoratorDataHandle handle) const
  427. {
  428. ShaderElementData* element_data = reinterpret_cast<ShaderElementData*>(handle);
  429. element_data->geometry.Render(element->GetAbsoluteOffset(BoxArea::Border), {}, element_data->shader);
  430. }
  431. DecoratorRadialGradient::RadialGradientShape DecoratorRadialGradient::CalculateRadialGradientShape(Element* element, Vector2f dimensions) const
  432. {
  433. RadialGradientShape result;
  434. result.center.x = element->ResolveNumericValue(position.x, dimensions.x);
  435. result.center.y = element->ResolveNumericValue(position.y, dimensions.y);
  436. const bool is_circle = (shape == Shape::Circle);
  437. auto Abs = [](Vector2f v) { return Vector2f{Math::Absolute(v.x), Math::Absolute(v.y)}; };
  438. auto d = dimensions;
  439. auto c = result.center;
  440. Vector2f r;
  441. switch (size_type)
  442. {
  443. case SizeType::ClosestSide:
  444. {
  445. r = Abs(Math::Min(c, d - c));
  446. result.radius = (is_circle ? Vector2f(Math::Min(r.x, r.y)) : r);
  447. }
  448. break;
  449. case SizeType::FarthestSide:
  450. {
  451. r = Abs(Math::Max(c, d - c));
  452. result.radius = (is_circle ? Vector2f(Math::Max(r.x, r.y)) : r);
  453. }
  454. break;
  455. case SizeType::ClosestCorner:
  456. case SizeType::FarthestCorner:
  457. {
  458. if (size_type == SizeType::ClosestCorner)
  459. r = Abs(Math::Min(c, d - c)); // Same as closest-side.
  460. else
  461. r = Abs(Math::Max(c, d - c)); // Same as farthest-side.
  462. if (is_circle)
  463. {
  464. result.radius = Vector2f(r.Magnitude());
  465. }
  466. else
  467. {
  468. r = Math::Max(r, Vector2f(1)); // In case r.x ~= 0
  469. result.radius.x = Math::SquareRoot(2.f * r.x * r.x);
  470. result.radius.y = result.radius.x * (r.y / r.x);
  471. }
  472. }
  473. break;
  474. case SizeType::LengthPercentage:
  475. {
  476. result.radius.x = element->ResolveNumericValue(size.x, d.x);
  477. result.radius.y = (is_circle ? result.radius.x : element->ResolveNumericValue(size.y, d.y));
  478. result.radius = Abs(result.radius);
  479. }
  480. break;
  481. }
  482. result.radius = Math::Max(result.radius, Vector2f(1.f));
  483. return result;
  484. }
  485. DecoratorRadialGradientInstancer::DecoratorRadialGradientInstancer()
  486. {
  487. ids.ending_shape = RegisterProperty("ending-shape", "unspecified").AddParser("keyword", "circle, ellipse, unspecified").GetId();
  488. ids.size_x = RegisterProperty("size-x", "farthest-corner")
  489. .AddParser("keyword", "closest-side, farthest-side, closest-corner, farthest-corner")
  490. .AddParser("length_percent")
  491. .GetId();
  492. ids.size_y = RegisterProperty("size-y", "unspecified").AddParser("keyword", "unspecified").AddParser("length_percent").GetId();
  493. RegisterProperty("at", "unspecified").AddParser("keyword", "at, unspecified");
  494. ids.position_x = RegisterProperty("position-x", "center").AddParser("keyword", "left, center, right").AddParser("length_percent").GetId();
  495. ids.position_y = RegisterProperty("position-y", "center").AddParser("keyword", "top, center, bottom").AddParser("length_percent").GetId();
  496. ids.color_stop_list = RegisterProperty("color-stops", "").AddParser("color_stop_list").GetId();
  497. RegisterShorthand("shape", "ending-shape, size-x, size-y, at, position-x, position-y, position-x", ShorthandType::FallThrough);
  498. RegisterShorthand("decorator", "shape?, color-stops#", ShorthandType::RecursiveCommaSeparated);
  499. }
  500. DecoratorRadialGradientInstancer::~DecoratorRadialGradientInstancer() {}
  501. SharedPtr<Decorator> DecoratorRadialGradientInstancer::InstanceDecorator(const String& name, const PropertyDictionary& properties_,
  502. const DecoratorInstancerInterface& /*interface_*/)
  503. {
  504. const Property* p_ending_shape = properties_.GetProperty(ids.ending_shape);
  505. const Property* p_size_x = properties_.GetProperty(ids.size_x);
  506. const Property* p_size_y = properties_.GetProperty(ids.size_y);
  507. const Property* p_position[2] = {properties_.GetProperty(ids.position_x), properties_.GetProperty(ids.position_y)};
  508. const Property* p_color_stop_list = properties_.GetProperty(ids.color_stop_list);
  509. if (!p_ending_shape || !p_size_x || !p_size_y || !p_position[0] || !p_position[1] || !p_color_stop_list)
  510. return nullptr;
  511. using SizeType = DecoratorRadialGradient::SizeType;
  512. using Shape = DecoratorRadialGradient::Shape;
  513. Shape shape = (Shape)p_ending_shape->Get<int>();
  514. if (shape == Shape::Unspecified)
  515. {
  516. const bool circle_sized = (Any(p_size_x->unit & Unit::LENGTH_PERCENT) && p_size_y->unit == Unit::KEYWORD);
  517. shape = (circle_sized ? Shape::Circle : Shape::Ellipse);
  518. }
  519. if (shape == Shape::Circle && (p_size_x->unit == Unit::PERCENT || p_size_y->unit != Unit::KEYWORD))
  520. return nullptr;
  521. SizeType size_type = {};
  522. Vector2Numeric size;
  523. if (p_size_x->unit == Unit::KEYWORD)
  524. {
  525. size_type = (SizeType)p_size_x->Get<int>();
  526. }
  527. else
  528. {
  529. size_type = SizeType::LengthPercentage;
  530. size.x = p_size_x->GetNumericValue();
  531. size.y = (p_size_y->unit == Unit::KEYWORD ? size.x : p_size_y->GetNumericValue());
  532. }
  533. const Vector2Numeric position = ComputePosition(p_position);
  534. const bool repeating = (name == "repeating-radial-gradient");
  535. if (p_color_stop_list->unit != Unit::COLORSTOPLIST)
  536. return nullptr;
  537. const ColorStopList& color_stop_list = p_color_stop_list->value.GetReference<ColorStopList>();
  538. auto decorator = MakeShared<DecoratorRadialGradient>();
  539. if (decorator->Initialise(repeating, shape, size_type, size, position, color_stop_list))
  540. return decorator;
  541. return nullptr;
  542. }
  543. DecoratorConicGradient::DecoratorConicGradient() {}
  544. DecoratorConicGradient::~DecoratorConicGradient() {}
  545. bool DecoratorConicGradient::Initialise(bool in_repeating, float in_angle, Vector2Numeric in_position, const ColorStopList& in_color_stops)
  546. {
  547. repeating = in_repeating;
  548. angle = in_angle;
  549. position = in_position;
  550. color_stops = in_color_stops;
  551. return !color_stops.empty();
  552. }
  553. DecoratorDataHandle DecoratorConicGradient::GenerateElementData(Element* element, BoxArea box_area) const
  554. {
  555. RenderManager* render_manager = element->GetRenderManager();
  556. if (!render_manager)
  557. return INVALID_DECORATORDATAHANDLE;
  558. RMLUI_ASSERT(!color_stops.empty());
  559. const Box& box = element->GetBox();
  560. const Vector2f dimensions = box.GetSize(box_area);
  561. const Vector2f center =
  562. Vector2f{element->ResolveNumericValue(position.x, dimensions.x), element->ResolveNumericValue(position.y, dimensions.y)}.Round();
  563. ColorStopList resolved_stops = ResolveColorStops(element, 1.f, 0.f, color_stops);
  564. CompiledShader shader = render_manager->CompileShader("conic-gradient",
  565. Dictionary{
  566. {"angle", Variant(angle)},
  567. {"center", Variant(center)},
  568. {"repeating", Variant(repeating)},
  569. {"color_stop_list", Variant(std::move(resolved_stops))},
  570. });
  571. if (!shader)
  572. return INVALID_DECORATORDATAHANDLE;
  573. Mesh mesh;
  574. const ComputedValues& computed = element->GetComputedValues();
  575. const byte alpha = byte(computed.opacity() * 255.f);
  576. MeshUtilities::GenerateBackground(mesh, box, Vector2f(), computed.border_radius(), ColourbPremultiplied(alpha, alpha), box_area);
  577. const Vector2f render_offset = box.GetPosition(box_area);
  578. for (Vertex& vertex : mesh.vertices)
  579. vertex.tex_coord = vertex.position - render_offset;
  580. ShaderElementData* element_data =
  581. GetShaderElementDataPool().AllocateAndConstruct(render_manager->MakeGeometry(std::move(mesh)), std::move(shader));
  582. return reinterpret_cast<DecoratorDataHandle>(element_data);
  583. }
  584. void DecoratorConicGradient::ReleaseElementData(DecoratorDataHandle handle) const
  585. {
  586. ShaderElementData* element_data = reinterpret_cast<ShaderElementData*>(handle);
  587. GetShaderElementDataPool().DestroyAndDeallocate(element_data);
  588. }
  589. void DecoratorConicGradient::RenderElement(Element* element, DecoratorDataHandle handle) const
  590. {
  591. ShaderElementData* element_data = reinterpret_cast<ShaderElementData*>(handle);
  592. element_data->geometry.Render(element->GetAbsoluteOffset(BoxArea::Border), {}, element_data->shader);
  593. }
  594. DecoratorConicGradientInstancer::DecoratorConicGradientInstancer()
  595. {
  596. RegisterProperty("from", "from").AddParser("keyword", "from");
  597. ids.angle = RegisterProperty("angle", "0deg").AddParser("angle").GetId();
  598. RegisterProperty("at", "unspecified").AddParser("keyword", "at, unspecified");
  599. ids.position_x = RegisterProperty("position-x", "center").AddParser("keyword", "left, center, right").AddParser("length_percent").GetId();
  600. ids.position_y = RegisterProperty("position-y", "center").AddParser("keyword", "top, center, bottom").AddParser("length_percent").GetId();
  601. ids.color_stop_list = RegisterProperty("color-stops", "").AddParser("color_stop_list", "angle").GetId();
  602. RegisterShorthand("shape", "from, angle, at, position-x, position-y, position-x", ShorthandType::FallThrough);
  603. RegisterShorthand("decorator", "shape?, color-stops#", ShorthandType::RecursiveCommaSeparated);
  604. }
  605. DecoratorConicGradientInstancer::~DecoratorConicGradientInstancer() {}
  606. SharedPtr<Decorator> DecoratorConicGradientInstancer::InstanceDecorator(const String& name, const PropertyDictionary& properties_,
  607. const DecoratorInstancerInterface& /*interface_*/)
  608. {
  609. const Property* p_angle = properties_.GetProperty(ids.angle);
  610. const Property* p_position[2] = {properties_.GetProperty(ids.position_x), properties_.GetProperty(ids.position_y)};
  611. const Property* p_color_stop_list = properties_.GetProperty(ids.color_stop_list);
  612. if (!p_angle || !p_position[0] || !p_position[1] || !p_color_stop_list)
  613. return nullptr;
  614. const float angle = ComputeAngle(p_angle->GetNumericValue());
  615. const Vector2Numeric position = ComputePosition(p_position);
  616. const bool repeating = (name == "repeating-conic-gradient");
  617. if (p_color_stop_list->unit != Unit::COLORSTOPLIST)
  618. return nullptr;
  619. const ColorStopList& color_stop_list = p_color_stop_list->value.GetReference<ColorStopList>();
  620. auto decorator = MakeShared<DecoratorConicGradient>();
  621. if (decorator->Initialise(repeating, angle, position, color_stop_list))
  622. return decorator;
  623. return nullptr;
  624. }
  625. } // namespace Rml