From 607a587717d0203bc918d5644063144cf16e5864 Mon Sep 17 00:00:00 2001 From: Yan Pujante Date: Sun, 8 Sep 2024 09:43:27 -0700 Subject: [PATCH] webgpu-shader-toy v2024.09.08 --- webgpu-shader-toy/index.html | 25 ++-- webgpu-shader-toy/index.js | 2 +- webgpu-shader-toy/index.wasm | Bin 1086462 -> 1126424 bytes webgpu-shader-toy/shaders/Fire.wgsl | 65 +++++++++++ webgpu-shader-toy/shaders/Marble.wgsl | 119 ++++++++++++++++++++ webgpu-shader-toy/shaders/Shader Art 1.wgsl | 33 ++++++ webgpu-shader-toy/shaders/Shader Art 2.wgsl | 77 +++++++++++++ 7 files changed, 305 insertions(+), 16 deletions(-) create mode 100644 webgpu-shader-toy/shaders/Fire.wgsl create mode 100644 webgpu-shader-toy/shaders/Marble.wgsl create mode 100644 webgpu-shader-toy/shaders/Shader Art 1.wgsl create mode 100644 webgpu-shader-toy/shaders/Shader Art 2.wgsl diff --git a/webgpu-shader-toy/index.html b/webgpu-shader-toy/index.html index 75625e8..9a5668b 100644 --- a/webgpu-shader-toy/index.html +++ b/webgpu-shader-toy/index.html @@ -117,6 +117,7 @@ width: 100%; background-color: rgba(0, 0, 0, 0); pointer-events: none; + z-index: 2; } #canvases #drop-zone #drop-zone-content { @@ -297,7 +298,7 @@

This tool requires javascript (currently disabled)!

WebGPU Shader Toy is a free tool developed by pongasoft for experimenting with WebGPU fragment shaders and the WebGPU Shading Language (WGSL).

This tool has no tracking, ads or server-side component: it is running 100% in your browser. It uses localStorage to store information across browser sessions.

-

If you are having issues, try to reset. You can provide feedback or report issues on GitHub.

+

If you are having issues, try to reset. You can provide feedback or report issues on GitHub.

This project originated from my interest in learning about WebGPU. It also served as a platform for developing a more comprehensive application for my library: emscripten-glfw.

This tool is using emscripten (web assembly) for the compiler, ImGui and GLFW for the GUI (emscripten-glfw for the backend and WebGPU for the renderer.)

It has been inspired by the popular project Shadertoy.

@@ -333,27 +334,21 @@

Something went wrong

  • An unexpected problem has happened. Please check the console for more details.
  • Message (if any):
  • You can try to reload the tool.
  • -
  • If it doesn't work, you can try to reset the tool.
  • +
  • If it doesn't work, you can try to reset the tool.
  • You can report this problem.
  • - +