https://github.com/ote-leo/shadertoy
A WGPU based shadertoy implementation
https://github.com/ote-leo/shadertoy
shaders shadertoy wgpu
Last synced: 7 months ago
JSON representation
A WGPU based shadertoy implementation
- Host: GitHub
- URL: https://github.com/ote-leo/shadertoy
- Owner: Ote-Leo
- License: mit
- Created: 2025-01-19T12:34:12.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-01-19T13:51:06.000Z (9 months ago)
- Last Synced: 2025-01-19T14:38:44.403Z (9 months ago)
- Topics: shaders, shadertoy, wgpu
- Language: Rust
- Homepage:
- Size: 8.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Shader Toy
An implementation of [shader toy][st] in [wgpu][].
[st]:
[wgpu]:
## Fragment Shader Input
A `WindowData` struct is passed with every frame.
| field | type | description |
|----------------------|-------------|----------------------------------------------------|
| `resolution` | `vec2` | rendering surface width and height |
| `frame` | `u32` | current frame count |
| `time` | `f32` | number of seconds that have been passed since |
| `cursor` | `vec2` | current cursor position |
| `drag_start` | `vec2` | initial cursor click position |
| `drag_end` | `vec2` | final cursor click position (flush the next frame) |
| `mouse_left_pressed` | `u32` | either 0 or 1 for cursor pressing state |
| `mouse_left_clicked` | `u32` | either 0 or 1 for cursor clicking state |
## Demo
```wgsl
struct WindowData {
resolution: vec2,
frame: u32,
time: f32,
cursor: vec2,
drag_start: vec2,
drag_end: vec2,
mouse_left_pressed: u32,
mouse_left_clicked: u32,
}
@group(0) @binding(0) var WINDOW_DATA: WindowData;
fn palette(t: f32) -> vec3 {
let a = vec3(0.500, 0.500, 0.500);
let b = vec3(0.500, 0.500, 0.500);
let c = vec3(1.000, 1.000, 1.000);
let d = vec3(0.263, 0.416, 0.557);
return a + b * cos(6.28318 * (c * t + d));
}
@fragment
fn main(@builtin(position) coord: vec4) -> @location(0) vec4 {
let resolution = WINDOW_DATA.resolution;
var uv = (coord.xy * 2.0 - resolution.xy) / resolution.y;
var uv0 = uv;
var final_color = vec3(0.0);
let time = f32(WINDOW_DATA.frame)/50.0;
for (var i = 0.0; i < 4.0; i=i+1.0) {
uv = fract(uv * 1.5) - 0.5;
var d = length(uv) * exp(-length(uv0));
let col = palette(length(uv0) + i*0.4 + time*0.4);
d = sin(d*8.0 + time)/8.0;
d = abs(d);
d = pow(0.01 / d, 1.2);
final_color += col * d;
}
return vec4(final_color, 1.0);
}
```