Visualizer

WebGL で実行 円のアニメーションで少し触れましたが、mod() 関数を使うことで図形を繰り返すことができます。 例えば pos = mod(pos, 0.2) とすると pos は -0.2～0.2 の範囲を繰り返すことになるため、これと図形との距離を計算することで、結果として図形も繰り返されることになります。 このようにして六角形を並べてハニカム模様にします。 WebGL で実行 そして、広がる輪とハニカム模様の隙間との and を取ることで、光の溝を実現できます。 WebGL で実行 リング ステージ中央を中心にぐるぐる回っているリング群、これは円の変則パターンです。 中心からの距離を mod() で区切ることで年輪模様ができます。 WebGL で実行 リングの幅にフェードアウトを入れます。 abs(中心からの距離 - 太さ/2) で、各リングの幅の中心からの距離を得られます。こ