こんにちは、Unityエンジニアのオオバです。

「まあ、そりゃそうだ」

という記事なのですが、せっかくやったことはアウトプットしておきたい派です。

👉DOTweenの教科書を読んでUnityアニメーションをプログラミングしてみよう！

🎁オオバから期間限定の無料プレゼント企画🎁
UnityでUIを開発するときに超絶役立つチェックリスト配布中！！

Visual Effect Graphはコンピュートシェーダーに依存

コンピュートシェーダーはOpenGL ES 3.1以降に実装されている技術でVisual Effect Graphはそれを使っています。

先日Tweetした牛の作品は処理的には簡単なので、もしかして動くかな？って思ってWebGLビルドしてみた次第です。

各ブラウザの挙動

Chrome

「シーン....」

見た目上何も起きませんでした。

Firefox

Chromeと同様。

Safari(通常版))

ダイアログが出て終了。

Safari Technology Preview

Develop > Experimental Features > WebGPUにチェック入れても駄目。

🎁オオバから期間限定の無料プレゼント企画🎁
UnityでUIを開発するときに超絶役立つチェックリスト配布中！！

ログの確認

Chrome開発者ツールのコンソールからログを追います。
※ショートカットは⌘ + ⌥+ I

OPENGL LOG: Creating OpenGL ES 3.0 graphics device ; Context level   ; Context handle 25699288  

ERROR: Shader  

シェーダーでエラーが吐いていることが分かります。このログ自体はブラウザ問わず同じ内容でした。

まとめ

Web上の情報と相違なくMac環境においてコンピュートシェーダーはWebGLでは動きませんでした。WebGLの動向はウォッチしておこうと思います。

余談 : Safari Technology Previewの取得方法

開発 > Safari Technology Previewから入手できます。

macOS Catalinaの場合は、10.15.6以上が必要になります。
Downloads - Safari - Apple Developer

この記事が気に入ったらフォローしよう

Follow @ohbashunsuke

Unityで初のゲームプログラミングを無料で始める方法【入門】

【初心者必見】失敗しないUnityの始め方入門！インストール方法から使い方までを紹介！ゲームを作ってみよう

UnityのPrefab（プレハブ）とは？使い方まで徹底解説

【Unity基礎】GameObjectの使い方（生成や削除など）全て解説

【2022年版】Unityちゃんを無料でダウンロードする方法

【無料】SD版Unityちゃんのダウンロードから使い方を解説！

【2024年版】Unity ID（アカウント）の作り方から使い方のまとめ

【2024年版】Unityアセットストアで無料・有料アセットを購入する方法

【Unity基礎】UI作業前に知っておくべき6つのポイント

Unityバージョンのおすすめの選び方バージョンアップや注意点まとめ

初心者が気をつけるべきUnity開発11のポイント

• macOS Catalina 10.15.7
• Unity2020.1.6f1
• Chrome v86.0.4240.111
• Firefox 78.0.2 (64 ビット)
• Safari バージョン13.1.1 (15609.2.9.1.2)
• Safari Technology Preview Release 115 (Safari 14.1 WebKit 15611.1.3.5)

• 次世代のWebGPUの可能性 – コンピュートシェーダーで高速並列計算 - ICS MEDIA