The Trusted BBGuide³

flyingemail6262

What is bugging that?

Redmi wrote:
Known the effects like better. Yes do
Don't ting

Spooky_Lukey

flyingemail6262 wrote:
What is bugging that?
Redmi wrote:
Known the effects like better. Yes do
Don't ting

Huh

Rosics

SpyCoderX wrote:
Is there a good resource for making BBCode gradients here? Or is that a niche that has yet to be filled?

If you could make a section about that or a part, that would be really helpful.

zacb2025

why is everyone posting random stuff?

zacb2025

why is everyone posting random stuff?
sorry this was for another discussion

Last edited by zacb2025 (Oct. 25, 2026 21:51:31)

bitmap_caketin

SpyCoderX wrote:
Is there a good resource for making BBCode gradients here? Or is that a niche that has yet to be filled?

You created this…

flyingemail6262

bitmap_caketin wrote:
SpyCoderX wrote:
Is there a good resource for making BBCode gradients here? Or is that a niche that has yet to be filled?
You created this…

Please post topics

bitmap_caketin

flyingemail6262 wrote:
bitmap_caketin wrote:
SpyCoderX wrote:
Is there a good resource for making BBCode gradients here? Or is that a niche that has yet to be filled?
You created this…
Please post topics

This wouldn't be possible to do in a topic, and also I was suprised that they forgot about it.

SpyCoderX

bitmap_caketin wrote:
-snip-
This wouldn't be possible to do in a topic, and also I was suprised that they forgot about it.

I didn’t forget, I just didn’t wanna be like “yo, add my tool.”

Also, like you said, it’s not a topic. Making gradients (in BBCode, but also generally) requires some understanding of color math that can only really be executed computationally.

That being said, simplistic, high-level run down is this:

To make a gradient, you need text and two colors.

For each letter, known as a character, the goal is to calculate what color that character should be.

To do this, we take the position of the character in the entire text as a percentage, with 0% at the start, 100% at the end, and 50% in the middle, and we use that to interpolate the colors.

Interpolation is the process of smoothing moving between two values. Take red and blue, for example. At 50% between red and blue, there is purple, which is 50% red + 50% blue.

The exact equation is:

value = first + (second - first) * progress

First and second are the colors we previously chose, while progress is the percentage we calculated.

By doing this, we get an interpolated (in-between) color for each character in the text, which we apply through [color] tags.

P.S. I’m glad someone remembers I made that gradient tool.

Last edited by SpyCoderX (Oct. 27, 2026 03:20:01)

bitmap_caketin

SpyCoderX wrote:
bitmap_caketin wrote:
-snip-
This wouldn't be possible to do in a topic, and also I was suprised that they forgot about it.
I didn’t forget, I just didn’t wanna be like “yo, add my tool.”

Also, like you said, it’s not a topic. Making gradients (in BBCode, but also generally) requires some understanding of color math that can only really be executed computationally.

That being said, simplistic, high-level run down is this:

To make a gradient, you need text and two colors.

For each letter, known as a character, the goal is to calculate what color that character should be.

To do this, we take the position of the character in the entire text as a percentage, with 0% at the start, 100% at the end, and 50% in the middle, and we use that to interpolate the colors.

Interpolation is the process of smoothing moving between two values. Take red and blue, for example. At 50% between red and blue, there is purple, which is 50% red + 50% blue.

The exact equation is:
value = first + (second - first) * progress
First and second are the colors we previously chose, while progress is the percentage we calculated.

By doing this, we get an interpolated (in-between) color for each character in the text, which we apply through [color] tags.

P.S. I’m glad someone remembers I made that gradient tool.

I do understand colour maths.and.I do know how Interpolation works (in other fields as well as colour), but thanks for taking the time to write an explanation. To other people, I think we should link this tool on the guide anyway.

Discuss Scratch