動きの裏にある地図。
模様と座標の格子は同じ変換を使います。ひとつの値を変えて結果を見たら、リセットしましょう。
ひとつの対応、ふたつの見方。
uv = pixelPosition / viewportSize;
q = (uv - 0.5) × aspectRatio × scale + offset;
colour = pattern(q);画像や動画のテクスチャを使わず生成するWebGLシェーダーです。格子は変換後のq座標を示します。
模様と座標の格子は同じ変換を使います。ひとつの値を変えて結果を見たら、リセットしましょう。
uv = pixelPosition / viewportSize;
q = (uv - 0.5) × aspectRatio × scale + offset;
colour = pattern(q);画像や動画のテクスチャを使わず生成するWebGLシェーダーです。格子は変換後のq座標を示します。