online-wgsl-editor

online-wgsl-editoris a tiny onlineWGSL (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

How to run locally

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

Note: To run the demo locally, downloadGoogle Chrome Canaryand enable#enable-unsafe-webgpuflag viachrome://flags.

Thanks to

I referred toThree.jsandglMatrixfor WebGPU and Math.