Add note color gradient

Author: FangCunWuChang

src/ui/Utils.cpp

@@ -739,4 +739,41 @@ namespace utils {
 
 		return merged;
 	}
+
+	float bezierInterpolate(float p0, float p1, float p2, float p3, float t) {
+		float u = 1 - t;
+		return u * u * u * p0 + 3 * u * u * t * p1 + 3 * u * t * t * p2 + t * t * t * p3;
+	}
+
+	juce::Colour bezierInterpolateColor(
+		const juce::Colour& color1, const juce::Colour& control1,
+		const juce::Colour& control2, const juce::Colour& color2, float t) {
+		return juce::Colour::fromRGB(
+			(int)bezierInterpolate(color1.getRed(), control1.getRed(), control2.getRed(), color2.getRed(), t),
+			(int)bezierInterpolate(color1.getGreen(), control1.getGreen(), control2.getGreen(), color2.getGreen(), t),
+			(int)bezierInterpolate(color1.getBlue(), control1.getBlue(), control2.getBlue(), color2.getBlue(), t));
+	}
+
+	const juce::Array<juce::Colour> generateBezierColorGradient(
+		const juce::Colour& baseColor, const juce::Colour& targetColor, int num,
+		float control1, float control2) {
+		juce::Array<juce::Colour> gradient;
+
+		auto controlColor1 = juce::Colour::fromRGB(
+			baseColor.getRed() + (int)((targetColor.getRed() - baseColor.getRed()) * control1),
+			baseColor.getGreen() + (int)((targetColor.getGreen() - baseColor.getGreen()) * control1),
+			baseColor.getBlue() + (int)((targetColor.getBlue() - baseColor.getBlue()) * control1));
+
+		auto controlColor2 = juce::Colour::fromRGB(
+			baseColor.getRed() + static_cast<int>((targetColor.getRed() - baseColor.getRed()) * control2),
+			baseColor.getGreen() + static_cast<int>((targetColor.getGreen() - baseColor.getGreen()) * control2),
+			baseColor.getBlue() + static_cast<int>((targetColor.getBlue() - baseColor.getBlue()) * control2));
+
+		for (int i = 0; i < num; i++) {
+			float t = i / (float)(num - 1);
+			gradient.add(bezierInterpolateColor(baseColor, controlColor1, controlColor2, targetColor, t));
+		}
+
+		return gradient;
+	}
 }

src/ui/Utils.h

@@ -160,4 +160,12 @@ namespace utils {
 	using IntSection = std::pair<int, int>;
 	using IntSectionList = juce::Array<IntSection>;
 	const IntSectionList getUnionSections(const IntSectionList& source);
+
+	float bezierInterpolate(float p0, float p1, float p2, float p3, float t);
+	juce::Colour bezierInterpolateColor(
+		const juce::Colour& color1, const juce::Colour& control1,
+		const juce::Colour& control2, const juce::Colour& color2, float t);
+	const juce::Array<juce::Colour> generateBezierColorGradient(
+		const juce::Colour& baseColor, const juce::Colour& targetColor, int num,
+		float control1 = 0.3f, float control2 = 0.7f);
 }

src/ui/component/editor/MIDIContentViewer.cpp

@@ -34,6 +34,18 @@ void MIDIContentViewer::update(int index, uint64_t ref) {
 	this->index = index;
 	this->ref = ref;
 
+	if (index >= 0) {
+		this->trackColor = quickAPI::getSeqTrackColor(index);
+		this->trackColorIsLight = utils::isLightColor(this->trackColor);
+
+		/** Note Color Gradient */
+		auto& laf = this->getLookAndFeel();
+		juce::Colour highChannelNoteColor = laf.findColour(
+			juce::Label::ColourIds::backgroundWhenEditingColourId);
+		this->noteColorGradient = utils::generateBezierColorGradient(
+			this->trackColor, highChannelNoteColor, 16);
+	}
+
 	this->updateBlocks();
 }
 

src/ui/component/editor/MIDIContentViewer.h

@@ -102,6 +102,10 @@ class MIDIContentViewer final
 	std::unique_ptr<juce::Image> blockTemp = nullptr;
 	std::unique_ptr<juce::Image> noteTemp = nullptr;
 
+	juce::Colour trackColor;
+	bool trackColorIsLight = false;
+	juce::Array<juce::Colour> noteColorGradient;
+
 	void updateKeyImageTemp();
 	void updateRulerImageTemp();
 	void updateBlockImageTemp();

src/ui/lookAndFeel/editor/MidiContentLookAndFeel.cpp

@@ -37,7 +37,7 @@ MidiContentLookAndFeel::MidiContentLookAndFeel()
 	this->setColour(juce::Label::ColourIds::outlineColourId,
 		ColorMap::getInstance()->get("ThemeColorB3"));
 	this->setColour(juce::Label::ColourIds::backgroundWhenEditingColourId,
-		ColorMap::getInstance()->get("ThemeColorB2"));
+		ColorMap::getInstance()->get("ThemeColorB9"));/**< Notes In High Channel */
 	this->setColour(juce::Label::ColourIds::textWhenEditingColourId,
 		ColorMap::getInstance()->get("ThemeColorB1").withAlpha(0.8f));/**< Time Out of Blocks */
 	this->setColour(juce::Label::ColourIds::outlineWhenEditingColourId,