コードで模様をつくる。
ノイズで揺れる線や、重なり合う円と四角、格子の中に並ぶ幾何学模様。異なる描き方のスケッチを、サイトの背景用に集めています。
11種類はPLAYに一覧で掲載しています。名前は実装のコメントに沿っているので、ソースコードと見比べることもできます。
一度に、一つだけ。
ホームではランダムに一つを選び、PLAYでは番号を指定して表示します。同じスケッチでも、再読み込みで模様が変わることがあります。
本文を支える背景として。
正方形に描いたスケッチを画面いっぱいに広げ、中央を切り取って表示しています。画面の縦横比によって、見える範囲が変わります。
背景はp5.jsを遅延読み込みして描画します。動きを減らす設定やデータセーバーを検出した場合は読み込みません。背景が表示されなくても、本文とリンクは利用できます。