Three-js-Anime-Shader

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #go #android #machine-learning #rust #docker #nodejs #macos #awesome #pytorch #security

Three-js-Anime-Shader

(★ 16)

Stylized 3D model shading in the browser using Three.js and GLSL

Three-js-Anime-Shader 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

I wanted an anime-style shader that runs on the web but couldn't find one anywhere... So I wrote my own :P

## Usage
Just create a ShaderMaterial, set `lights` to `true`, and pass the required uniforms and shaders

<details>
<summary>Additional ShaderMaterial settings for fur</summary>

```js
material.transparent = true;
material.side = THREE.DoubleSide;
material.depthWrite = false;
```
</details>

<details>
<summary>Three.js r152</summary>

```js
WebGLRenderer.antialias = true;
WebGLRenderer.physicallyCorrectLights = true;

DirectionalLight.intensity = 0.4;
```
UnrealBloomPass 0.275, 0.95, 0.4 
SMAAPass

</details>
<details>
<summary>Uniforms</summary>

```js
specularExp: { value: 10.0 },

rimLightThreshold: { value: 0.2 },
rimThreshold: { value: 0.7 },

outlineLightInfluence: { value: 0.667 },
outlineMaxBrightness: { value: 0.25 },

// Compensating for SMAA/SSAA post-processing, which makes it look overexposed
exposure: { value: 0.5 }, 
invGamma: { value: 1.0 / 1.55 },
```
</details>

## License
Just show me what you're making with it! (credits appreciated)

## References
* [Mayacoda](https://www.maya-ndljk.com/blog/threejs-basic-toon-shader) - Vertex & Fragment Shaders Foundation 
* [LoBeyJon - Anime Face Shadow in Unity URP](https://www.youtube.com/watch?v=LKR1ITdOeKM) 
* [Jonn](https://wheresjonn.gumroad.com/) - Went over his shader in Blender to get a general idea of how Denia's arms and legs worked

Three-js-Anime-Shader

Three-js-Anime-Shader 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Three-js-Anime-Shader

Three-js-Anime-Shader 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README