Toon Shader

30min

❗️ caution
If an item with a similar style is produced using a shader other than the Toon Shader provided by ZEPETO, the sale of the item may be suspended or deleted without warning.
﻿
STEP 1 : Preparation
👍 Before starting, make sure that the latest version of Zepeto Studio project file﻿  is downloaded. The latest project files version 3.2.12 and higher include ZEPETO built-in shaders.
﻿
ZEPETO Toon Shader provides the following features.
﻿
﻿
Function
Details
Rendering Mode
You can set the rendering mode of Opaque, Cutout, and Fade.
Render State Detail
Set Blend Mode, ZWrite, Cull Mode (Back-Front, Front-Back, Off-Duplex), etc. Do not touch it except in Cull Mode.
Albedo
Albedo texture * Color value is displayed as BaseColor. In the case of a texture with alpha, you can adjust the boundary between opaque and transparent areas by adjusting the Alpha Cutoof value.
Outline Color
You can set the color of the outline.
Outline Width
You can set the thickness of the outline. The thickness of the outline remains constant depending on the distance, but as the distance from the camera increases (more than 2m), the thickness of the outline also decreases. Default value 0.0012 recommended
Outline Color Blend
Controls the color of the outline and how well it blends with the BaseColor. Default 0.4 recommended
Shadow Color
Adjusts the color of the shaded area. That color is multiplied by the BaseColor and rendered.
Shadow Threshold
Adjust the shaded area.
Shadow Smooth
Control the smoothness of the shaded area.
Specular Color
Control the gloss color. The color is added to the BaseColor for rendering.
Specular Threshold
Adjust the glossy area.
Specular Smooth
Control how smooth the gloss spreads.
Rim Color
Adjust the Rimlight color. That color is added to the BaseColor and rendered.
Rim Threshold
Adjust the Rimlight area.
Rim Smooth
Control how smooth the Rimlight spreads.
Emission
Add EmissionColor to BaseColor. BaseColor + (Emission Texture * Emission Color)
Color Grading
Adjust the color to suit the ZEPETO environment.
﻿
STEP 2 : Explore features
1. Outline Control
Outline Color - You can set the color of the outline.
﻿
﻿
Outline Width - You can set the thickness of the outline. The thickness of the outline remains constant according to the distance, but as the distance from the camera increases (more than 2M), the thickness of the outline decreases as the distance increases.
﻿
﻿
Outline Color Blend - Adjust the color of the outline and the degree to which it blends with the BaseColor.
﻿
﻿
Outline Off - Option to not draw outlines.
﻿
﻿
Outline Normals Source - This option is used to decide whether the mesh's smooth normal information is represented as Tangent or Normal.
﻿
﻿
2. Shading Control
Shadow Color - Adjust the color of the shaded area. That color is multiplied by the BaseColor and rendered.
﻿
﻿
Shadow Threshold - Adjust the area of ​​the shaded area.
﻿
﻿
Shadow Smooth - Adjust the smoothness of the shadowed area.
﻿
﻿
Shading Detail - Controlling properties for the second tone. (Details are the same)
﻿
﻿
3. Specular Control
Specular Color - Adjust the color of the glossy part.
﻿
﻿
Specular Threshold - Control the area of ​​the glossy part.
﻿
﻿
Specular Smooth - Control the degree to which the glossy area spreads smoothly.
﻿
﻿
Use Specular Highlight - Turn on/off gloss expression.
﻿
﻿
4. Rim Control
Rim Color - Adjust the Rimlight color.
﻿
﻿
Rim Threshold - Adjust the area of ​​the Rimlight part.
﻿
﻿
Rim Smooth - Control how smooth the Rimlight spreads.
﻿
﻿
Use Rim Light - Turn Rimlight On/Off.
Light-based Mask - If Masked is selected, the rim light will not be displayed where it is not receiving light..
﻿
﻿
STEP 3 : Enhance the details
﻿
1. Shadow Threshold Texture
👍 The details below were compared in an environment using the same Shadow properties.
Based on the 0.5 gray texture, the darker the shadow is, the brighter the shadow is.
﻿
﻿
When the Shadow Threshold texture is not used
﻿
﻿
﻿
When the Shadow Threshold texture is used
﻿
﻿
﻿
2. Mask Texture
👍 The details below were compared in an environment using the same Outline property.
Control the masking texture for Outline, Specular, and Rim in R, B, and G channels, respectively.
﻿
﻿
When the Shadow Threshold texture is not used
﻿
﻿
﻿
When the Shadow Threshold texture is used
Outline uses the R channel of the texture


﻿
﻿
﻿
👍 The details below were compared in an environment using the same Specular property.
The R, B, and G channels control the masking textures for the Outline, Specular, and Rim, respectively.
﻿
﻿
When Mask texture is not used
﻿
﻿
﻿
When the Mask texture is used
Specular uses the G channel of the texture


﻿
﻿
﻿
👍 The details below were compared in an environment using the same rim properties.
﻿
When Mask texture is not used
﻿
﻿
﻿
When the Mask texture is used
Rim uses the B channel of the texture
﻿
﻿
﻿
3. Textured Brush
Expresses a specific pattern on the boundary of the Toon Shader. The texture is produced based on 0.5 gray texture.
﻿
﻿
When the Textured Brush is not used
﻿
﻿
👍 The details below were compared in an environment using the same properties.
﻿
When the Textured Brush is used
﻿
﻿
﻿
﻿
﻿
﻿
﻿

Function	Details
Rendering Mode	You can set the rendering mode of Opaque, Cutout, and Fade.
Render State Detail	Set Blend Mode, ZWrite, Cull Mode (Back-Front, Front-Back, Off-Duplex), etc. Do not touch it except in Cull Mode.
Albedo	Albedo texture * Color value is displayed as BaseColor. In the case of a texture with alpha, you can adjust the boundary between opaque and transparent areas by adjusting the Alpha Cutoof value.
Outline Color	You can set the color of the outline.
Outline Width	You can set the thickness of the outline. The thickness of the outline remains constant depending on the distance, but as the distance from the camera increases (more than 2m), the thickness of the outline also decreases. Default value 0.0012 recommended
Outline Color Blend	Controls the color of the outline and how well it blends with the BaseColor. Default 0.4 recommended
Shadow Color	Adjusts the color of the shaded area. That color is multiplied by the BaseColor and rendered.
Shadow Threshold	Adjust the shaded area.
Shadow Smooth	Control the smoothness of the shaded area.
Specular Color	Control the gloss color. The color is added to the BaseColor for rendering.
Specular Threshold	Adjust the glossy area.
Specular Smooth	Control how smooth the gloss spreads.
Rim Color	Adjust the Rimlight color. That color is added to the BaseColor and rendered.
Rim Threshold	Adjust the Rimlight area.
Rim Smooth	Control how smooth the Rimlight spreads.
Emission	Add EmissionColor to BaseColor. BaseColor + (Emission Texture * Emission Color)
Color Grading	Adjust the color to suit the ZEPETO environment.

Updated 10 Oct 2024

Did this page help you?

How to solve transparent material alpha sorting issue

Blend Shape