WebGPUniverse is an online playground for the WebGPU API and WGSL shading language. With it, users can write and save shaders, as well as share them with the wider community publicly. It supports creating (custom) 2D meshes, 3D meshes and compute shaders in the form of particle physics.
Running the platform locally requires React, TypeScript and npm version 6.14.x or higher.
After installing these and cloning the repository, run the following commands to run the platform locally:
npm installnpm start
Once the server has started, the platform will be available from localhost:3000.
In order to use WebGPUniverse to render shaders, a browser which reliably supports WebGPU must be installed. For this, we recommend the
development build of Google Chrome (Canary) with the unsafe-webgpu flag enabled. After downloading Chrome Canary, visit
about:flags#enable-unsafe-webgpu and enable "Unsafe WebGPU" to allow for shader rendering.
This project was created for the (Imperial College London) 3rd Year Software Engineering project by: Anna Chen, Sophie Elliott, Rohan Gupta, Alex Usher, Apoorva Verma, Vincent Wang and Hannah Watson. We give thanks to Alastair Donaldson for supervising the project.
This code has been developed using a private repository on Github. For submission, we have chosen to submit a compressed archive; however, we would be very happy to grant access to the repository upon request - for this, please get in touch with the group leader (Alex Usher) with details of the Github account to add as a collaborator.