24個のシェーダーと、それぞれのスライダー

今週、エフェクトギャラリーがかなり大きくなりました。ベンチマークの13シーンの下にあるシェーダー層は、全画面フラグメントシェーダーを表示する場所です。シーン数は5から24になり、どのシーンにも、見ているものを変えられるスライダーが1つか2つ付きました。

新しいもの

21個の新しいシーンです。水面すれすれの太陽を受ける大海原。ほとんど何も動かない月明かりの海は、OLED で流し続けるにはここで一番穏当な選択です。曇り空、クレーターだらけの異星と地平線のリング惑星、ピンク色の異星の峡谷、こちらへ傾いた渦巻銀河、星の軌跡、ワープトンネル、結び目の周りを旋回する緑のコードの雨、スタジオライトを受けるクロームのフラクタル球、白黒の万華鏡、通電した輪の中のガラスのハートなど、さらにいくつかあります。

場所を空けるため、古い Synthwave Horizon と Neonwave Sunrise は終了しました。

タイルも変わりました。これまでは各シェーダータイルに手描きのスケッチを表示していましたが、正確でないこともありました。今はタイル自体がシーンです。シェーダーが画面の近くに初めて来たときに1フレームを描き、ポインターを重ねるとリアルタイムで動きます。

スライダー

シェーダーを開くと、コントロールバーに以前はなかったスライダーが1つか2つあります。負荷、速度、画質の隣です。

シーン全体を形作る数値を作者が残しているなら、スライダーはその数値を動かします。海には波高と波立ち、曇天 には雲量と光、銀河には腕のねじれ、Star Trails には軌跡の数、Warp Speed には光条の数があります。溶ける色 には作者自身のシードが使われています。コードのコメントが変更を促しているとおり、どんな値でも別の形の組み合わせになります。デモパーティー は1分あたりの拍数でテンポを変えます。

内部のものを動かすと別の部分を壊してしまうシーンもあります。その場合はシーンの外側から色相とズームを適用します。スライダーはすべて作者が残した値から始まるので、最初に見えるのは常に作者が作った状態です。

3つのシーンは再生前に確認します

すべてのシェーダーを点滅テストにかけました。見た目が忙しいかどうかではなく、光過敏性てんかんの指針が点滅を数える方法に合わせて、画面の領域ごとの明るさの変動を時間に沿って測ります。不合格は Flux Core と デモパーティー。ベンチマークの爆発する星 Hypernova は以前から点滅として扱っていたため、ここに加わります。

この3シーンは再生前に確認し、同意するまで2つのシェーダーのタイルもホバー時に動きません。「このデバイスでは今後確認しない」にチェックすれば、次から質問は出ません。戻った場合は何も記憶されず、次回また確認します。それ以外のシーンはすぐに開きます。Static Field もその一つです。ページ上で最も激しく見えますが、意味のある大きさの領域ではノイズが平均化されるため、テストには余裕で合格します。

選び方

シェーダーは他の人が書いたものなので、まずライセンスを確認しました。Shadertoy の既定条件は商用利用を許さず、このサイトには広告があります。明示的なパブリックドメインまたは MIT の許諾だけを採用しました。新しいシーンの19個はパブリックドメイン、2個は MIT です。作者自身のコードにある許諾を読み、他所のコードを借りていないかもすべて確認しました。リミックスに自由なライセンスが付いていても、借りた部分まで自由になるわけではないからです。見栄えのよい候補も何本かここで落ちました。作者名はエフェクトページの表に掲載しています。

別の理由で見送ったものもあります。美しい夕焼けの海でしたが、基準 Mac の 1080p で 29 fps しか出ませんでした。スマートフォンではスライドショーになってしまいます。

スマートフォンでは

負荷の大きいシェーダーは、高密度ディスプレイでは低い解像度で起動するので、最初から滑らかに動きます。CSS ピクセル1個につきデバイスピクセル1個を下回ることはありません。ハードウェアに余裕があれば画質調整で戻せますし、fps はリアルタイム表示なので状態が分かります。ベンチマークには影響しません。シェーダーは採点されず、採点対象の負荷はバージョン2.2.0から凍結されています。

すべて無料で、ブラウザ内で動き、アカウントも不要です。シェーダーは開いたときだけ読み込まれます。完全なリリースノートは更新履歴にあります。