Palash Bansal
1 vuosi sitten
2 muutettua tiedostoa jossa 4 lisäystä ja 2 poistoa
+ 2
- 0
examples/shadertoy-player/script.ts
Näytä tiedosto
| import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane' | import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane' | ||||
| // import {BlueprintJsUiPlugin} from '@threepipe/plugin-blueprintjs' | // import {BlueprintJsUiPlugin} from '@threepipe/plugin-blueprintjs' | ||||
| // Checkout the code breakup and explanation here - https://threepipe.org/notes/shadertoy-player.html | |||||
| async function init() { | async function init() { | ||||
| const material = new ExtendedShaderMaterial({ | const material = new ExtendedShaderMaterial({ |
+ 2
- 2
website/notes/shadertoy-player.md
Näytä tiedosto
| # ShaderToy Shaders in Three.js | # ShaderToy Shaders in Three.js | ||||
| <iframe src="https://threepipe.org/examples/shadertoy-player/" style="width:100%;height:600px;border:none;"></iframe> | |||||
| This tutorial shows how to use shaders from ShaderToy in a Three.js scene by using them as custom screen shaders. You'll learn how to run ShaderToy shaders in a Three.js context, pass uniforms, and create interactive controls. | This tutorial shows how to use shaders from ShaderToy in a Three.js scene by using them as custom screen shaders. You'll learn how to run ShaderToy shaders in a Three.js context, pass uniforms, and create interactive controls. | ||||
| <iframe src="https://threepipe.org/examples/shadertoy-player/" style="width:100%;height:600px;border:none;"></iframe> | |||||
| ## Overview | ## Overview | ||||
| ShaderToy is a popular online shader editor that uses a specific format for fragment shaders. To use these shaders in Three.js, we need to: | ShaderToy is a popular online shader editor that uses a specific format for fragment shaders. To use these shaders in Three.js, we need to: |
Loading…