https://github.com/orillusion/orillusion-webgpu-samples

Basic WebGPU samples from Orillusion
https://github.com/orillusion/orillusion-webgpu-samples

webgpu

Last synced: 10 months ago
JSON representation

Basic WebGPU samples from Orillusion

• Host: GitHub
• URL: https://github.com/orillusion/orillusion-webgpu-samples
• Owner: Orillusion
• License: other
• Created: 2022-02-20T10:07:34.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-07-23T20:23:21.000Z (over 1 year ago)
• Last Synced: 2025-03-30T05:07:37.703Z (10 months ago)
• Topics: webgpu
• Language: TypeScript
• Homepage: https://orillusion.github.io/orillusion-webgpu-samples/
• Size: 1.37 MB
• Stars: 255
• Watchers: 7
• Forks: 71
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Cover Art](https://github.com/Orillusion/orillusion-webgpu-samples/blob/main/logo_new.png)

# Orillusion-webgpu-samples

## Install and Run

Type the following in any terminal:

```bash

# 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

```

## Project Layout

```bash

├─ 📂 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!

```

## Platform

**Windows/Mac/Linux:**

- Chrome 113+

- Edge: 113+

- Safari: 17.5+ (with `WebGPU` feature flag)

**Android (Behind the `enable-unsafe-webgpu` flag):** 

- Chrome Canary 113+ 

- Edge Canary 113+

**IOS:**

- Safari: 17.5+ (with `WebGPU` feature flag)