Curl Noise書いてみた WebGL Advent Calender 22日目遅刻しました。 やまだです。 WebGL総本山って皆さんご存知ですよね? WebGLを使ったクールなページを紹介するサイトで私も楽しませていただいてます。 そのなかでもちょっと気になったのがこの記事でも触れられているCurl Noiseというキーワードです。 どうやらこれを使うとクールな流体がかけると聞いて自分でも実装してみました。 Demoはこちら Internet Explorerでももちろん動きますよ。 パーティクルの色やノイズの周波数をUIで変更できるようにしています。 パラメーターを変更するだけでまったく違う表情を見せるのは見ていて面白いですね。 Curl Noiseとは 得られる結果のとおり流体っぽい振る舞いをするベクトルが計算できるノイズ関数です。 ベクトル解析でいう回転をパーリンノイズやシン
![Curl Noise書いてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcc496671697d4be3baf2588d72f3ded0d8824c5/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Q3VybCUyME5vaXNlJUU2JTlCJUI4JUUzJTgxJTg0JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkNtaWRkbGUmcz1lYWY2MTU1OThiZmEzYWY1OTcxNzhhOGQ4Y2QxZDAwOA%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbnlhbWFkYW5kYW4mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTE0ZWMxZmM2NWYyOWFmNjljZWYxM2M1MzZlNDM3M2M5%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Daf1cfdbb5f7f6ac7880134485f105dfd)