Переглянути джерело

Add doc link in example

master
Palash Bansal 11 місяці тому
джерело
коміт
c6870fc305
Аккаунт користувача з таким Email не знайдено

+ 2
- 0
examples/shadertoy-player/script.ts Переглянути файл

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 Переглянути файл



# 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:

Завантаження…
Відмінити
Зберегти