【WebGPU】Compute Shader で Curl Noise を計算してパーティクルを動かす - KAYAC Engineers' Blog

【WebGPU】Compute Shader で Curl Noise を計算してパーティクルを動かす - KAYAC Engineers' Blog

🎄この記事は【カヤック】面白法人グループ Advent Calendar 2024の18日目の記事です 🎄 こんにちは！ハ...概要を表示 🎄この記事は【カヤック】面白法人グループ Advent Calendar 2024の18日目の記事です 🎄 こんにちは！ハイパーカジュアルゲームチーム・エンジニアの深澤です。 WebGPU の Compute Shader で Curl Noise を計算し、パーティクルの位置を更新してみました。 スクショは、MacBookPro M1で100万個のパーティクルを動かしたものです。 画像をクリックするとデモに飛びます。 WebGPU で実装しているため、Chromeのみの動作となります。 デモURL: https://takumifukasawa.github.io/webgpu-particle-compute-shader-curl-noise-demo/ リポジトリ github.com 目次 動機 Curl Noise 概要 特徴 計算 本記事で触れること / 触れないこと 全