One day I looked at the Unicorn sprite, and the mane and tail were multi-colored! And yes, the object was one shape. How was this done? Oh, and by the way, it was a three colored gradient.

Para::grey
de::motion
x::variables

(: ::custom-arg) )::custom ring

There is a hidden function which is the group button.
You can select multiple objects in the vector editor by Shift-Clicking each one. Now a button appears to join them all together into one.
You can ungroup with the same button.

awesome-llama wrote:

There is a hidden function which is the group button.
You can select multiple objects in the vector editor by Shift-Clicking each one. Now a button appears to join them all together into one.
You can ungroup with the same button.

It wasn't grouped either.

Para::grey
de::motion
x::variables

(: ::custom-arg) )::custom ring

Here is a project with the Unicorn sprite for reference: https://scratch.mit.edu/projects/168980938/ (Credit to yzyzyzlol for that project.)

Para::grey
de::motion
x::variables

(: ::custom-arg) )::custom ring

Vector graphics can have multiple color gradients in them, you just can't make them like that with the Scratch editor(I think). It means it was made with some other SVG editor.

imfh wrote:

Vector graphics can have multiple color gradients in them, you just can't make them like that with the Scratch editor(I think). It means it was made with some other SVG editor.

Yes, I know that, but every time I do that, the gradients don't look right. (Or maybe I'm misremembering and it actually worked, just that if it didn't work, it only worked in the past.)

Para::grey
de::motion
x::variables

(: ::custom-arg) )::custom ring

Pixar2000 wrote:

imfh wrote:

Vector graphics can have multiple color gradients in them, you just can't make them like that with the Scratch editor(I think). It means it was made with some other SVG editor.

Yes, I know that, but every time I do that, the gradients don't look right. (Or maybe I'm misremembering and it actually worked, just that if it didn't work, it only worked in the past.)

There's a bunch of specific stuff you have to do to SVGs to make them display right in Scratch. Here's some code that Scratch 3 uses to be consistent with Scratch 2's SVG quirks: https://github.com/LLK/scratch-svg-renderer/blob/develop/src/svg-renderer.js#L206 – it looks like this code recursively goes through every <linearGradient> element and sets the attribute x2=“0” so I would start by opening up your SVG in a text editor and doing the same thing (or removing the x2 values? I'm confusing myself)