2023-03-22 20:59:02 +08:00
|
|
|
#include <stddef.h> // for size_t
|
|
|
|
#include <algorithm> // for max, min, sort, copy
|
|
|
|
#include <cmath> // for fmod, cos, sin
|
|
|
|
#include <ftxui/dom/linear_gradient.hpp> // for LinearGradient::Stop, LinearGradient
|
|
|
|
#include <memory> // for allocator_traits<>::value_type, make_shared
|
|
|
|
#include <optional> // for optional, operator!=, operator<
|
|
|
|
#include <utility> // for move
|
|
|
|
#include <vector> // for vector
|
|
|
|
|
|
|
|
#include "ftxui/dom/elements.hpp" // for Element, Decorator, bgcolor, color
|
|
|
|
#include "ftxui/dom/node_decorator.hpp" // for NodeDecorator
|
|
|
|
#include "ftxui/screen/box.hpp" // for Box
|
|
|
|
#include "ftxui/screen/color.hpp" // for Color, Color::Default, Color::Blue
|
|
|
|
#include "ftxui/screen/screen.hpp" // for Pixel, Screen
|
|
|
|
|
|
|
|
namespace ftxui {
|
|
|
|
namespace {
|
|
|
|
|
|
|
|
struct LinearGradientNormalized {
|
|
|
|
float angle = 0.f;
|
|
|
|
std::vector<Color> colors;
|
|
|
|
std::vector<float> positions; // Sorted.
|
|
|
|
};
|
|
|
|
|
|
|
|
// Convert a LinearGradient to a normalized version.
|
|
|
|
LinearGradientNormalized Normalize(LinearGradient gradient) {
|
|
|
|
// Handle gradient of size 0.
|
|
|
|
if (gradient.stops.size() == 0) {
|
|
|
|
return LinearGradientNormalized{
|
|
|
|
0.f, {Color::Default, Color::Default}, {0.f, 1.f}};
|
|
|
|
}
|
|
|
|
|
|
|
|
// Fill in the two extent, if not provided.
|
|
|
|
if (!gradient.stops.front().position) {
|
2023-05-20 06:35:26 +08:00
|
|
|
gradient.stops.front().position = 0.f;
|
2023-03-22 20:59:02 +08:00
|
|
|
}
|
|
|
|
if (!gradient.stops.back().position) {
|
|
|
|
gradient.stops.back().position = 1.f;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Fill in the blank, by interpolating positions.
|
|
|
|
size_t last_checkpoint = 0;
|
|
|
|
for (size_t i = 1; i < gradient.stops.size(); ++i) {
|
|
|
|
if (!gradient.stops[i].position) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (i - last_checkpoint >= 2) {
|
|
|
|
const float min = gradient.stops[i].position.value();
|
|
|
|
const float max = gradient.stops[last_checkpoint].position.value();
|
|
|
|
for (size_t j = last_checkpoint + 1; j < i; ++j) {
|
|
|
|
gradient.stops[j].position =
|
|
|
|
min + (max - min) * (j - last_checkpoint) / (i - last_checkpoint);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
last_checkpoint = i;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Sort the stops by position.
|
|
|
|
std::sort(
|
|
|
|
gradient.stops.begin(), gradient.stops.end(),
|
|
|
|
[](const auto& a, const auto& b) { return a.position < b.position; });
|
|
|
|
|
|
|
|
// If we don't being with zero, add a stop at zero.
|
|
|
|
if (gradient.stops.front().position != 0) {
|
|
|
|
gradient.stops.insert(gradient.stops.begin(),
|
|
|
|
{gradient.stops.front().color, 0.f});
|
|
|
|
}
|
|
|
|
// If we don't end with one, add a stop at one.
|
|
|
|
if (gradient.stops.back().position != 1) {
|
|
|
|
gradient.stops.push_back({gradient.stops.back().color, 1.f});
|
|
|
|
}
|
|
|
|
|
|
|
|
// Normalize the angle.
|
|
|
|
LinearGradientNormalized normalized;
|
|
|
|
normalized.angle = std::fmod(std::fmod(gradient.angle, 360.f) + 360.f, 360.f);
|
|
|
|
for (auto& stop : gradient.stops) {
|
|
|
|
normalized.colors.push_back(stop.color);
|
|
|
|
normalized.positions.push_back(stop.position.value());
|
|
|
|
}
|
|
|
|
return normalized;
|
|
|
|
}
|
|
|
|
|
|
|
|
Color Interpolate(const LinearGradientNormalized& gradient, float t) {
|
|
|
|
// Find the right color in the gradient's stops.
|
|
|
|
size_t i = 1;
|
|
|
|
while (true) {
|
|
|
|
if (i > gradient.positions.size()) {
|
|
|
|
return Color::Interpolate(0.5f, gradient.colors.back(),
|
|
|
|
gradient.colors.back());
|
|
|
|
}
|
|
|
|
if (t <= gradient.positions[i]) {
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
++i;
|
|
|
|
}
|
|
|
|
|
|
|
|
const float t0 = gradient.positions[i - 1];
|
|
|
|
const float t1 = gradient.positions[i - 0];
|
|
|
|
const float tt = (t - t0) / (t1 - t0);
|
|
|
|
|
|
|
|
const Color& c0 = gradient.colors[i - 1];
|
|
|
|
const Color& c1 = gradient.colors[i - 0];
|
|
|
|
const Color& cc = Color::Interpolate(tt, c0, c1);
|
|
|
|
|
|
|
|
return cc;
|
|
|
|
}
|
|
|
|
|
|
|
|
class LinearGradientColor : public NodeDecorator {
|
|
|
|
public:
|
|
|
|
explicit LinearGradientColor(Element child,
|
|
|
|
const LinearGradient& gradient,
|
|
|
|
bool background_color)
|
|
|
|
: NodeDecorator(std::move(child)),
|
|
|
|
gradient_(Normalize(gradient)),
|
|
|
|
background_color_{background_color} {}
|
|
|
|
|
|
|
|
private:
|
|
|
|
void Render(Screen& screen) override {
|
|
|
|
const float degtorad = 0.01745329251f;
|
|
|
|
const float dx = std::cos(gradient_.angle * degtorad);
|
|
|
|
const float dy = std::sin(gradient_.angle * degtorad);
|
|
|
|
|
|
|
|
// Project every corner to get the extent of the gradient.
|
|
|
|
const float p1 = box_.x_min * dx + box_.y_min * dy;
|
|
|
|
const float p2 = box_.x_min * dx + box_.y_max * dy;
|
|
|
|
const float p3 = box_.x_max * dx + box_.y_min * dy;
|
|
|
|
const float p4 = box_.x_max * dx + box_.y_max * dy;
|
|
|
|
const float min = std::min({p1, p2, p3, p4});
|
|
|
|
const float max = std::max({p1, p2, p3, p4});
|
|
|
|
|
|
|
|
// Renormalize the projection to [0, 1] using the extent and projective
|
|
|
|
// geometry.
|
|
|
|
const float dX = dx / (max - min);
|
|
|
|
const float dY = dy / (max - min);
|
|
|
|
const float dZ = -min / (max - min);
|
|
|
|
|
|
|
|
// Project every pixel to get the color.
|
|
|
|
if (background_color_) {
|
|
|
|
for (int y = box_.y_min; y <= box_.y_max; ++y) {
|
|
|
|
for (int x = box_.x_min; x <= box_.x_max; ++x) {
|
|
|
|
const float t = x * dX + y * dY + dZ;
|
|
|
|
screen.PixelAt(x, y).background_color = Interpolate(gradient_, t);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
for (int y = box_.y_min; y <= box_.y_max; ++y) {
|
|
|
|
for (int x = box_.x_min; x <= box_.x_max; ++x) {
|
|
|
|
const float t = x * dX + y * dY + dZ;
|
|
|
|
screen.PixelAt(x, y).foreground_color = Interpolate(gradient_, t);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
NodeDecorator::Render(screen);
|
|
|
|
}
|
|
|
|
|
|
|
|
LinearGradientNormalized gradient_;
|
|
|
|
bool background_color_;
|
|
|
|
};
|
|
|
|
|
|
|
|
} // namespace
|
|
|
|
|
|
|
|
/// @brief Build the "empty" gradient. This is often followed by calls to
|
|
|
|
/// LinearGradient::Angle() and LinearGradient::Stop().
|
|
|
|
/// Example:
|
|
|
|
/// ```cpp
|
|
|
|
/// auto gradient =
|
|
|
|
/// LinearGradient()
|
|
|
|
/// .Angle(45)
|
|
|
|
/// .Stop(Color::Red, 0.0)
|
|
|
|
/// .Stop(Color::Green, 0.5)
|
|
|
|
/// .Stop(Color::Blue, 1.0);;
|
|
|
|
/// ```
|
|
|
|
/// @ingroup dom
|
|
|
|
LinearGradient::LinearGradient() = default;
|
|
|
|
|
|
|
|
/// @brief Build a gradient with two colors.
|
|
|
|
/// @param begin The color at the beginning of the gradient.
|
|
|
|
/// @param end The color at the end of the gradient.
|
|
|
|
/// @ingroup dom
|
|
|
|
LinearGradient::LinearGradient(Color begin, Color end) {
|
|
|
|
stops.push_back({begin, {}});
|
|
|
|
stops.push_back({end, {}});
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Build a gradient with two colors and an angle.
|
|
|
|
/// @param a The angle of the gradient.
|
|
|
|
/// @param begin The color at the beginning of the gradient.
|
|
|
|
/// @param end The color at the end of the gradient.
|
|
|
|
/// @ingroup dom
|
|
|
|
LinearGradient::LinearGradient(float a, Color begin, Color end) {
|
|
|
|
angle = a;
|
|
|
|
stops.push_back({begin, {}});
|
|
|
|
stops.push_back({end, {}});
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Set the angle of the gradient.
|
|
|
|
/// @param a The angle of the gradient.
|
|
|
|
/// @return The gradient.
|
|
|
|
/// @ingroup dom
|
|
|
|
LinearGradient& LinearGradient::Angle(float a) {
|
|
|
|
angle = a;
|
|
|
|
return *this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Add a color stop to the gradient.
|
|
|
|
/// @param c The color of the stop.
|
|
|
|
/// @param p The position of the stop.
|
|
|
|
/// @return The gradient.
|
|
|
|
LinearGradient& LinearGradient::Stop(Color c, float p) {
|
|
|
|
stops.push_back({c, p});
|
|
|
|
return *this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Add a color stop to the gradient.
|
|
|
|
/// @param c The color of the stop.
|
|
|
|
/// @return The gradient.
|
|
|
|
/// @ingroup dom
|
|
|
|
/// @note The position of the stop is interpolated from nearby stops.
|
|
|
|
LinearGradient& LinearGradient::Stop(Color c) {
|
|
|
|
stops.push_back({c, {}});
|
|
|
|
return *this;
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Set the foreground color of an element with linear-gradient effect.
|
|
|
|
/// @param gradient The gradient effect to be applied on the output element.
|
|
|
|
/// @param child The input element.
|
|
|
|
/// @return The output element colored.
|
|
|
|
/// @ingroup dom
|
|
|
|
///
|
|
|
|
/// ### Example
|
|
|
|
///
|
|
|
|
/// ```cpp
|
|
|
|
/// color(LinearGradient{0, {Color::Red, Color::Blue}}, text("Hello"))
|
|
|
|
/// ```
|
|
|
|
Element color(const LinearGradient& gradient, Element child) {
|
|
|
|
return std::make_shared<LinearGradientColor>(std::move(child), gradient,
|
|
|
|
/*background_color*/ false);
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Set the background color of an element with linear-gradient effect.
|
|
|
|
/// @param gradient The gradient effect to be applied on the output element.
|
|
|
|
/// @param child The input element.
|
|
|
|
/// @return The output element colored.
|
|
|
|
/// @ingroup dom
|
|
|
|
///
|
|
|
|
/// ### Example
|
|
|
|
///
|
|
|
|
/// ```cpp
|
|
|
|
/// bgcolor(LinearGradient{0, {Color::Red, Color::Blue}}, text("Hello"))
|
|
|
|
/// ```
|
|
|
|
Element bgcolor(const LinearGradient& gradient, Element child) {
|
|
|
|
return std::make_shared<LinearGradientColor>(std::move(child), gradient,
|
|
|
|
/*background_color*/ true);
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Decorate using a linear-gradient effect on the foreground color.
|
|
|
|
/// @param gradient The gradient effect to be applied on the output element.
|
|
|
|
/// @return The Decorator applying the color.
|
|
|
|
/// @ingroup dom
|
|
|
|
///
|
|
|
|
/// ### Example
|
|
|
|
///
|
|
|
|
/// ```cpp
|
|
|
|
/// text("Hello") | color(LinearGradient{0, {Color::Red, Color::Blue}})
|
|
|
|
/// ```
|
|
|
|
Decorator color(const LinearGradient& gradient) {
|
|
|
|
return
|
|
|
|
[gradient](Element child) { return color(gradient, std::move(child)); };
|
|
|
|
}
|
|
|
|
|
|
|
|
/// @brief Decorate using a linear-gradient effect on the background color.
|
|
|
|
/// @param gradient The gradient effect to be applied on the output element.
|
|
|
|
/// @return The Decorator applying the color.
|
|
|
|
/// @ingroup dom
|
|
|
|
///
|
|
|
|
/// ### Example
|
|
|
|
///
|
|
|
|
/// ```cpp
|
|
|
|
/// text("Hello") | color(LinearGradient{0, {Color::Red, Color::Blue}})
|
|
|
|
/// ```
|
|
|
|
Decorator bgcolor(const LinearGradient& gradient) {
|
|
|
|
return
|
|
|
|
[gradient](Element child) { return bgcolor(gradient, std::move(child)); };
|
|
|
|
}
|
|
|
|
|
|
|
|
} // namespace ftxui
|
|
|
|
|
|
|
|
// Copyright 2023 Arthur Sonzogni. All rights reserved.
|
|
|
|
// Use of this source code is governed by the MIT license that can be found in
|
|
|
|
// the LICENSE file.
|