This is the code for, a site to allow editing and running SkSL shaders using WASM in the browser.

To run shaders locally with a custom build of CanvasKit, copy the js and wasm files to //shaders/wasm_libs/local_build. Then, copy @skia//canvaskit/npm-build/types/index.d.ts to //shaders/wasm_libs/local_build/canvaskit.d.ts and run:

make run-with-custom

Do not check in those files you copied. You may also need to copy the canvaskit.d.ts to //shaders/wasm_libs/types/ in order to appease some IDEs.

When making changes to this app that require a newer version of CanvasKit, be sure to update WORKSPACE, specifically the entry for container_pull_skia_wasm.


Source images are stored in gs://skia-public-shader-images and should be make world readable so the build of shaders can work from anywhere.