r4ai/webgpu-sandbox

TypeScriptCC0-1.0

WebGPU Sandbox 🌐

自分の学習用に作った WebGPU のサンプルコードを置いていく場所。
余分なライブラリは極力使わず、WebGPU の API のみで実装している。

Table of Contents

triangle_2d
square_2d
cube_3d
cube_3d_wgpu_matrix
cube_3d_texture
triangle_2d_msaa

Development

# Install dependencies
pnpm install

# Run dev server
pnpm dev

# Build
pnpm build

# Preview build
pnpm preview

Requirements

pnpm
Node.js

Tech Stack

webGPU - Graphics API
Vite - Build tool
TypeScript - Programming language

新規ページの作成

pages/ に新しいフォルダを作成する
vite.config.js の build.rollupOptions.input.[name] に、作成したフォルダのパスを追加する。
components/links.html の body > ul.page-links に、作成したページを追加する。
README.md の最初のとこに、ページの名前を追加する。

References