Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Spine object outline

Harald

Glad to hear that it helped, thanks for sharing the shader code!

What I forgot to add in the previous post:
Neighbourhood sampling based outline generation (as you posted above) comes with added cost for larger outline-width. If you only need one pixel wide outlines, that's perfectly fine of course.
In case you need variable-width outlines, distance fields could come in handy. Usually used for crisp font rendering, it is also used for outline rendering without the need for neighbourhood sampling. However, this requires custom prepared image data, which is not too trivial in combination with atlas generation, etc. Just mentioning for the sake fo completeness - your approach is perfectly valid and looks good.

You could also add some antialiasing/smoothing by not only testing against a threshold like this:

 if (pixelUp + pixelDown + pixelRight + pixelLeft > _Threshold)
{
    texColor.rgba = _OutlineColor;
}

but instead having a semi-transparent outline at corner pixels:

// _ThresholdStart = 0.5
// _ThresholdEnd = 2.0

fixed sum = pixelUp + pixelDown + pixelRight + pixelLeft;
fixed outlineAlpha = (sum - _ThresholdStart) / (_ThresholdEnd - _ThresholdStart);

texColor.rgba = lerp(texColor, _OutlineColor, outlineAlpha);

This way you will get smooth outlines.

foriero

Will this be included in Unity runtime?

Harald

After thinking about it, I came to the conclusion that I will add outline functionality to all Spine shaders.

I have created a ticket here:
[unity] Provide outline at shaders · #1531

NicolaSirago

Harald написал
After thinking about it, I came to the conclusion that I will add outline functionality to all Spine shaders.

I have created a ticket here:
[unity] Provide outline at shaders · #1531

WOW Thank you, Harald! I'm glad I dug up the issue.

My current goal is to keep the shader doing just a single pass, to improve vertex numbers and most of all keeping the dynamic batching capability. It seems quite hard to figure out.

What I want to do is to first isolate the vertices that enclose the animation, and then do the alpha test just for those pixels that are much closer to the external edges, but I don't understand yet how it's doable. :think: :think: :think:

Harald

You're welcome, thanks for the input. The perfect solution (distance field based) would be a lot of work, but a good solution with some constraints might already help a lot of people.

NicolaSirago написал
My current goal is to keep the shader doing just a single pass, to improve vertex numbers and most of all keeping the dynamic batching capability. It seems quite hard to figure out.

The problem with any single-pass solution will be to remove outlines at overlapping body parts, which is not trivial:

With unchanged geometry, I can only think of a single pass solution using the depth buffer and custom different written depth values for outline (further behind at increased depth) and solid parts (in front at unmodified depth). Writing custom depth values in the pixel shader however comes with a performance penalty, which would most likely outweight the benefits.

The best single pass solution I could think of would be to modify the mesh generation in the skeleton to output the geometry twice in the same vertex buffer, once for the outline with modified z position (further behind), followed by the normal mesh. You would then most likely need to add vertex attributes that encode the isOutlineMeshVertex information, and then only draw the outline or inner part in the shader respectively.

At least I cannot currently think of an easy single pass solution. If anyone comes up with better ideas, I would love to hear them of course! :nerd:

foriero

Hi, any progress on this?

Harald

We have not yet started this task, but it will be in the near future.

Outline functionality has now been added to all spine-unity 3.8 and 3.9 shaders. New unitypackages are available for download here as usual:
Spine Unity Download

We will add an example scene and an announcement blog post for this feature soon. Until then, please consult the changelog, section Additions - Outline rendering functionality for all shaders on how to use this feature.

Jamez0r

Woohoo!

bantam

Addition of the outline shader helps us a lot thank you for adding it! I can't seem to get it working correctly at the moment. Enabling outline causes a spiky outline effect even at 8 outline. Any advice for getting it working? Using Skeleton Lit ZWrite but the effect is the same on all shaders.

Export settings if thats where im going wrong, tried a bunch of settings to no effect:

Unity 2019.2.14f1

Doesn't seem to make a difference if I use straight alpha or PMA

Nate

The outline is only drawn within the mesh borders. When you see parts of the outline being cut, your mesh borders are too tightly wrapped around the opaque pixels of your images.
Loading Image
To fix this problem, move the mesh vertices further out to provide enough space. You may need to add more whitespace around the borders of your images so you can move the mesh vertices.

Also, if you see outline color appearing at borders of attachments, it is likely the outlines of nearby atlas image regions growing into your mesh:
Loading Image
You can add more padding via the atlas export settings to leave enough space for the neighbor outline. You may also consider disabling whitespace stripping instead of increasing the padding.

buddhamon

I thought I might add this for someone who's just looking for a quick and simple outlining implementation via script!

Renderer renderer = mySkeletonAnimation.transform.GetComponent<Renderer>();
Shader newShader = Shader.Find("Spine/Outline/Skeleton Fill");
foreach (Material material in renderer.materials) material.shader = newShader;

If you want to change it back, simply replace the second line with

Shader newShader = Shader.Find("Spine/Skeleton Fill");

Nate

Thanks buddhamon!

Note the blog post mentioned above, before the blog post was posted, is here:
Blog: Outline shaders for spine-unity

Harald

Thanks for sharing buddhamon! Please note that the spine-unity runtime also comes with an additional Outline Shaders example scene as described at the bottom of the blog post here:
Blog: Outline shaders for spine-unity: Outline shaders example scene

« Предыдущая страница