ブラウザ上でのシェーダデバッグ WebGL や GLSL のデバッグは、通常の JavaScript のフロントエンド開発とは少々異なる趣があります。 というのは、WebGL や GLSL を利用した開発には、GPU という本来なら JavaScript が干渉することのできない領域が大きく関わってきます。その閉ざされた世界のなかでいったい何が起こっているのかについては、ブラックボックス化されており容易には見通せない場合が往々にしてあります。 より正確には、WebGL の調査系のメソッドを適切に呼び出してやるなどすれば、GPU などのハードウェアに関することも含めて、WebGL に関連する情報をある程度は収集することができます。まあしかし、要はいちいち調べないとわからないわけですから、ちょっと面倒です。必然、「案件の性格上実行されるデバイスが限定されている場合」を除いて、大抵は「まあこんく
![シェーダエディタを利用してシェーダをリアルタイムデバッグしたいことがもしかしたらあるかもしれない人向けの無駄に長い文章 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a324fdb76ad757062abda40beb8ffba839fb2cf5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgyJUE4JUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgyJUJGJUUzJTgyJTkyJUU1JTg4JUE5JUU3JTk0JUE4JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgyJTkyJUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgzJUFCJUUzJTgyJUJGJUUzJTgyJUE0JUUzJTgzJUEwJUUzJTgzJTg3JUUzJTgzJTkwJUUzJTgzJTgzJUUzJTgyJUIwJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJTkzJUUzJTgxJUE4JUUzJTgxJThDJUUzJTgyJTgyJUUzJTgxJTk3JUUzJTgxJThCJUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgyJTg5JUUzJTgxJTgyJUUzJTgyJThCJUUzJTgxJThCJUUzJTgyJTgyJUUzJTgxJTk3JUUzJTgyJThDJUUzJTgxJUFBJUUzJTgxJTg0JUU0JUJBJUJBJUU1JTkwJTkxJUUyJTgwJUE2JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkNtaWRkbGUmcz0yMzU0YjIwNTA1ZTU0ZGY1N2RkZThjMDE5YzU3NDc1MA%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZG94YXMmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFkMzVkYjYzZmNhMzIzNjdlM2YxNDk0MGYyOTdlZWM3%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3De34ed3e8cd3141a8e2c3a0ad679138c8)