Type the following in any terminal:
# Clone the repo
git clone https://github.com/Orillusion/orillusion-webgpu-samples.git
# Go inside the folder
cd orillusion-webgpu-samples
# Start installing dependencies
npm install #or yarn
# Run project at localhost:3000
npm run dev #or yarn run dev
โโ ๐ node_modules/ # Dependencies
โ โโ ๐ @webgpu # WebGPU types for TS
โ โโ ๐ ... # Other dependencies (TypeScript, Vite, etc.)
โโ ๐ src/ # Source files
โ โโ ๐ shaders # Folder for shader files
โ โโ ๐ *.ts # TS files for each demo
โโ ๐ samples/ # Sample html
โ โโ ๐ *.html # HTML entry for each demo
โโ ๐ .gitignore # Ignore certain files in git repo
โโ ๐ index.html # Entry page
โโ ๐ LICENSE # MIT
โโ ๐ logo.png # Orillusion logo image
โโ ๐ package.json # Node package file
โโ ๐ tsconfig.json # TS configuration file
โโ ๐ vite.config.js # vite configuration file
โโ ๐ readme.md # Read Me!
- We have embedded a WebGPU Origin-Trail token in
vite.config.js
, you can use WebGPU atlocalhost:3000
via Chrome v94-105 - For Edge Canary, please open
edge://flags/#enable-unsafe-webgpu
, and enable the flag - For FireFox Nightly, please open
about:config
, and changedom.webgpu.enabled
totrue