この記事はWeb グラフィックス Advent Calendar 2020の13日目の記事です。 ※ 2023年1月7日、内容が古くなっていた為、記事の内容を最新化しました。 変更箇所は「主な変更内容(2020年12月~2022年12月)」を参照ください。 はじめに WebGPU は WebGL や WebGL2 の後継とされているグラフィックス API です。 今のところリリース時期としては 2023年5月 Chrome 113 を目標 としているようです。 API の仕様は固まりつつありますが、まだ仕様変更等が入る可能性があることにご注意ください。 ここでは、主に、シェーダ機能「WGSL」(WebGPU Shading Language)について試してみようと思います。 2019年時点は WebGPU 用のシェーダの方針が決まっていなかった為、glslang と呼ばれるライブラリを用い
![[忙しい人向け] 100行から始めるWebGPU(WGSL対応版) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e856ca09e970fb5c9d30082ba65d4f7eb64c7f2/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU1JUJGJTk5JUUzJTgxJTk3JUUzJTgxJTg0JUU0JUJBJUJBJUU1JTkwJTkxJUUzJTgxJTkxJTVEJTIwMTAwJUU4JUExJThDJUUzJTgxJThCJUUzJTgyJTg5JUU1JUE3JThCJUUzJTgyJTgxJUUzJTgyJThCV2ViR1BVJUVGJUJDJTg4V0dTTCVFNSVBRiVCRSVFNSVCRiU5QyVFNyU4OSU4OCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDVjNTdlNWI4NWE0ZGVhNTkzNzllM2UzYWY4M2FlNTE%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBjeDIwJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jYTE0ODY0OTliZWM2YTNhMGEzNjVhNzg1OGVhYmYwNw%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D55de7e14fe869e814966bef99c8c7542)