これは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 宝石の屈