Studio GuideWorld SDK Guide
Log In
Studio Guide

Toon Shader

❗️

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 Zepetto 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.


Rendering ModeYou can set the rendering mode of Opaque, Cutout, and Fade.
Render State DetailSet Blend Mode, ZWrite, Cull Mode (Back-Front, Front-Back, Off-Duplex), etc. Do not touch it except in Cull Mode.
AlbedoAlbedo 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 ColorYou can set the color of the outline.
Outline WidthYou 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 BlendControls the color of the outline and how well it blends with the BaseColor. Default 0.4 recommended
Shadow ColorAdjusts the color of the shaded area. That color is multiplied by the BaseColor and rendered.
Shadow ThresholdAdjust the shaded area.
Shadow SmoothControl the smoothness of the shaded area.
Specular ColorControl the gloss color. The color is added to the BaseColor for rendering.
Specular ThresholdAdjust the glossy area.
Specular SmoothControl how smooth the gloss spreads.
Rim ColorAdjust the Rimlight color. That color is added to the BaseColor and rendered.
Rim ThresholdAdjust the Rimlight area.
Rim SmoothControl how smooth the Rimlight spreads.
EmissionAdd EmissionColor to BaseColor. BaseColor + (Emission Texture * Emission Color)
Color GradingAdjust 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.

  • Outline, Specular, Rim에 대한 마스킹 텍스쳐를 각각 R채널, B채널, G채널에서 제어합니다.

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