Home

Awesome

online-wgsl-editor

online-wgsl-editor is a tiny online WGSL (WebGPU Shading language) editor.

You can test WGSL on your web browser. It is good especially for people who want to learn WGSL.

Demo

Online demo

Use Chrome for the Demo. It doesn't run on FireFox and other browsers yet.

Presentation

WebGL + WebGPU Meetup - January 2022 / Slides

Screenshots

<img src="./screenshots/screenshot.png" width="640">

How to run locally

$ git clone https://github.com/takahirox/online-wgsl-editor.git
$ cd online-wgsl-editor
$ npm install
$ npm run start
# Access http://localhost:8080 on your web browser

Note: To run the demo locally, download Google Chrome Canary and enable #enable-unsafe-webgpu flag via chrome://flags.

Thanks to

I referred to Three.js and glMatrix for WebGPU and Math.