TypeGPU Playground

TypeGPUを中心にWebでの表現方法を模索するPlayground

WebGPU対応を確認中...

TypeGPU / WebGPU

WebGPUとWGSLシェーダーを使用したGPU加速表現

基本サンプル靄表現ブラー表現インタラクティブBlur表現

CSS Filter

CSS filterとbackdrop-filterを使ったブラー効果

CSS Blur サンプルトレーシングペーパー表現

Canvas API

Canvas 2D APIを使ったブラー表現とアニメーション

Canvas Blur サンプル

技術スタック

  • • Next.js 16 (App Router)
  • • TypeScript
  • • TailwindCSS
  • • TypeGPU
  • • WebGPU API