# Genshin Toon Shader Babylonjs NodeMaterial

**URL:** <https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581>\
**Category:** Demos and projects\
**Tags:** material\
**Created:** [October 15, 2021, 2:31am UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581 "2021-10-15T02:31:06Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:31am UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/1 "2021-10-15T02:31:06Z")

</div>

![QQ截图20211125212743](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/7/d/7d7916627003b58b75efb16f855f3e5adc81b471.jpeg)

[https://playground.babylonjs.com/#FRRAL0](https://playground.babylonjs.com/#FRRAL0)

[https://nme.babylonjs.com/#4AWEWY#75](https://nme.babylonjs.com/#4AWEWY#75)

[https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/0/d0ff7b34d9a8ddee0af08a7fed652a9c2abe1614.mp4](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/0/d0ff7b34d9a8ddee0af08a7fed652a9c2abe1614.mp4)

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/f/0/f0a7169942dfdfe24abf042f89fcb5f5fad57c55.jpeg)

[pimon | Babylon.js Playground (babylonjs.com)](https://playground.babylonjs.com/#FRRAL0#33)

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:31am UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/2 "2021-10-15T02:31:58Z")

</div>

![QQ截图20211015102734](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/a/c/ac5809c8d2015ad91960032a3f9e7f73b2749517.jpeg)

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:32am UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/3 "2021-10-15T02:32:41Z")

</div>

![QQ截图20211015102744](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/4/4498df33f1cc2a7cc200bd03d9e7d566e52f5d92.jpeg)

---

<div class="post-metadata">

**Author:** ![Moriy](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/moriy/32/30563_2.png) [@Moriy](https://forum.babylonjs.com/u/Moriy)\
**Post date:** [October 15, 2021, 3:06am UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/4 "2021-10-15T03:06:38Z")

</div>

前来点赞!!!  
Come and like it!  
😁 😁 😁

---

<div class="post-metadata">

**Author:** ![jeremy-coleman](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jeremy-coleman/32/15493_2.png) [@jeremy-coleman](https://forum.babylonjs.com/u/jeremy-coleman)\
**Post date:** [October 15, 2021, 12:47pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/5 "2021-10-15T12:47:20Z")

</div>

🕶 🏄‍♂️ 🤙 cool

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [October 15, 2021, 1:32pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/6 "2021-10-15T13:32:31Z")

</div>

@Lun a demo of the result in the Playground would be great ???

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 1:34pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/7 "2021-10-15T13:34:41Z")

</div>

I don’t know how to upload model to planground 😂

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [October 15, 2021, 1:35pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/8 "2021-10-15T13:35:56Z")

</div>

There are quite a few possible tricks [Using External Assets In the Playground | Babylon.js Documentation](https://doc.babylonjs.com/toolsAndResources/tools/playground/externalPGAssets)

This would be great to share as it looks so pretty

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [October 15, 2021, 1:53pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/9 "2021-10-15T13:53:24Z")

</div>

This is gorgeous! If you have a live link we can add it to our homepage

---

<div class="post-metadata">

**Author:** ![TheScientist](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/thescientist/32/17996_2.png) [@TheScientist](https://forum.babylonjs.com/u/TheScientist)\
**Post date:** [October 15, 2021, 1:56pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/10 "2021-10-15T13:56:31Z")

</div>

Wow 🤩, any link to PG or NME link itself

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:02pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/11 "2021-10-15T14:02:08Z")

</div>

I want to share.  
But I still don’t know how to upload.  
It s all greek to me.

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:03pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/12 "2021-10-15T14:03:38Z")

</div>

[https://nme.babylonjs.com/#4AWEWY#63](https://nme.babylonjs.com/#4AWEWY#63)

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:07pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/13 "2021-10-15T14:07:33Z")

</div>

[Babylon.js sample code (smashelbow.github.io)](https://smashelbow.github.io/xinyan/)

I did it

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [October 15, 2021, 2:13pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/14 "2021-10-15T14:13:36Z")

</div>

This is nice !!!

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 2:57pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/15 "2021-10-15T14:57:31Z")

</div>

[https://smashelbow.github.io/xinyan/](https://smashelbow.github.io/xinyan/)

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [October 15, 2021, 4:59pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/16 "2021-10-15T16:59:27Z")

</div>

cc @PirateJC

---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [October 15, 2021, 5:27pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/17 "2021-10-15T17:27:06Z")

</div>

@Lun

First and foremost, welcome to the Babylon family! It’s great to have you here!

Second - THIS IS SO COOL!!! I LOVE it!!!

Would you have any objection to me adding this to our community web page?

I’d also love to tweet about it if you’re on twitter?

---

<div class="post-metadata">

**Author:** ![Lun](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lun/32/19231_2.png) [@Lun](https://forum.babylonjs.com/u/Lun)\
**Post date:** [October 15, 2021, 5:40pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/18 "2021-10-15T17:40:00Z")

</div>

[https://playground.babylonjs.com/#SH5DVI#1](https://playground.babylonjs.com/#SH5DVI#1)

I m not good at English.  
I agree.  
No offense

---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [October 15, 2021, 10:01pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/19 "2021-10-15T22:01:09Z")

</div>

Awesome! Posted!

It should be live in a few minutes.

> **[Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best](https://www.babylonjs.com/community/)**
>
> Babylon.js is one of the world's leading WebGL-based graphics engines. From a new visual scene inspector, best-in-class physically-based rendering, countless performance optimizations, and much more, Babylon.js brings powerful, beautiful, simple, and...

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [October 18, 2021, 8:02pm UTC](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581/20 "2021-10-18T20:02:14Z")

</div>

Awesome!!

[Next page](https://forum.babylonjs.com/t/genshin-toon-shader-babylonjs-nodematerial/24581.md?page=2)
