これはWebGL Advent Calendar 2015 23日目の記事(の代打1)です。 また、WebGL Advent Calendar 2015 15日目の記事である「これがGPUの力!Three.jsによる“リアルタイム”なレイトレーシング」の続編です。 はじめに 今夜は雪だそうですね。こんな寒い日にはGPUをぶん回して暖をとりましょう! 光の屈折をシミュレートすることで、輝く宝石をWebGLでレンダリングする「gem」という作品(技術デモ)をつくりました。レイトレーシングをGLSLのフラグメントシェーダで実装することで、GPUの並列計算を利用したリアルタイムな描画を実現しています。 WebGLで動くので、次のリンクを開くとブラウザ上でそのまま動作します。PCだけでなくiPhone6でも動作を確認しています。 webgl Raytracing example - gem 宝石の屈
![これがGPUの力!three.jsによる“リアルタイム”なレイトレーシング 〜宝石編〜 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e647d85f693027308596d95b96a8da4e840f4467/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgxJTkzJUUzJTgyJThDJUUzJTgxJThDR1BVJUUzJTgxJUFFJUU1JThBJTlCJUVGJUJDJTgxdGhyZWUuanMlRTMlODElQUIlRTMlODIlODglRTMlODIlOEIlRTIlODAlOUMlRTMlODMlQUElRTMlODIlQTIlRTMlODMlQUIlRTMlODIlQkYlRTMlODIlQTQlRTMlODMlQTAlRTIlODAlOUQlRTMlODElQUElRTMlODMlQUMlRTMlODIlQTQlRTMlODMlODglRTMlODMlQUMlRTMlODMlQkMlRTMlODIlQjclRTMlODMlQjMlRTMlODIlQjAlMjAlRTMlODAlOUMlRTUlQUUlOUQlRTclOUYlQjMlRTclQjclQTglRTMlODAlOUMmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ21pZGRsZSZzPWZlYTE0MGE1NDEyZTlkMTE2N2IxM2ViOWRmMGRlZGQ0%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZ2FtMDAyMiZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NjM5NmUzMjE5MmYxMTIyMGQ1YjFkZTEwZWIxODMzOGE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D21e597bdee198dc72713dd470b4042ff)