Unity Flat Kit 教學

Flat Kit: Cel / Toon Shading 是一套支援 Unity 遊戲引擎的卡通著色器外掛程式,可製作 Unity 賽璐珞風格遊戲。卡通渲染技術最早出現在 SEGA Dreamcast 家用主機上的 《 Jet Set Radio 》 遊戲,當時 SEGA 公司推出的 《 VR快打3 》 、《 莎木 》 都是寫實風格 3D 遊戲,因此賽璐珞風格遊戲曾造成討論的話題,現在已有許多遊戲採用此渲染技術呈現:

Flat Kit 提供 Cel-shaded 賽璐珞風格渲染的完整解決方案,包括:著色器、影像效果、使用範例。

展示影片 https://youtu.be/Sc838YuWPhA

完整文件 https://flatkit.dustyroom.com/

 

Flat Kit 主要功能

✔ Polished Toon / Cel shading with lots of capabilities

✔ Stylized water - 著色器可模擬杯子裡的咖啡到開放的海面,並提供浮力腳本可讓物件漂浮於水面。

✔ Outline effect: depth, normal and color outlines 可運用於 Perspective 透視與 isometric 正交的攝影機。

✔ Gradient fog: Multi-stop horizontal/vertical gradient Fog Image Effect

✔ 可運作於 Unity 內建地形或第三方插件的 Terrain shader 地形著色器

✔ 可使用 Light Plane shader 製作 3D highlights 與雲隙光曙暮光(耶穌光)的效果。

✔ 支援 Built-in 與 URP 渲染管線,可製作電腦遊戲與行動裝置遊戲。

 

• 透過陰影進行精準控制 - ideal for character lighting

• 控制 Unity built-in shadows 陰影

• 支援 Indirect lighting 間接照明

• Intuitive, simple and streamlined interface - use only what you need

• Color the scene precisely - without guesswork

• 支援 Vertex color 頂點著色,包含 Polybrush


核心的卡通著色器概觀

★ 可使用參數的曲線控制 cel shading 卡通著色的渲染效果

★ 可使用滑桿控制 Normal 與 cel shading 的混合渲染效果

★ Independent cel layers that can be layered to achieve unique look.

★ Height gradient layer

★ 多重模式的 Outline 著色器

★ Specular and rim lighting bring stylized lighting controls to your objects

 

Flat Kit 展示場景

Flat Kit 提供 11 個展示場景,超過 100+ 個模型與 20+ 個預設材質,可參考喜歡的風格,套用到您的遊戲物件或場景。

開啟 [ Demos > [Demo] BlueprintGrid-Mugs ] 資料夾的BlueprintGrid_Mugs - Scene1 - ColorfulMisc 場景。

BlueprintGrid_Mugs - Scene2 - OneColorVariousParameters 場景,是單一顏色使用不同參數的渲染效果。

 

開啟 [ Demos > [Demo] Fruit Vase ] 資料夾。

1-FruitVaseScene-CelShadingMode-None-CompletelyFlat 與 2-FruitVaseScene-CelShadingMode-Single

3-FruitVaseScene-CelShadingMode-Steps 與 4-FruitVaseScene-CelShadingMode-Curve 場景。

5-FruitVaseScene-Var-StylizedSurfaceShaderWithOutlines 與 6-FruitVaseScene-Var-TwoColor 場景。

7-FruitVaseScene-Var-OutlineImageEffect 場景,接近漫畫 G 筆繪製的線稿。

開啟 [ Demos > [Demo] Valley ] 資料夾的 Valley - Scene - With Fog 場景,透過 Hierarchy 視窗可切換不同的攝影機。

Camera 1 攝影機視角

Camera 2 攝影機視角

Camera 3 攝影機視角

Camera 4 攝影機視角

 

開啟 [ Demos > [Demo] Wanderer ] 資料夾的 Wanderer - Scene 場景。