PLAY

あそんでいるもの。

完成していなくても、とりあえず試してみる。
小さな実験や遊びを置く場所です。いまは11種類のp5.jsスケッチを眺められます。

ランダムに一つ見る

スケッチを選ぶ

気になる模様を選ぶと、鑑賞ページが開きます。同じスケッチでも、再読み込みすると違う模様に。

  1. Noise Lines

    ノイズによって揺らぐ線を描くスケッチ。

  2. Colorful Arcs

    色の異なる円弧を組み合わせるスケッチ。

  3. Diagonal Gradients in a Grid

    グリッドの中に斜めのグラデーションを描きます。

  4. Geometric Colored Center Tiles

    Googleカラーのパレットを使った幾何学模様のタイル。

  5. Multiply Mode Grid

    乗算合成で細かな線を重ねるグリッド。

  6. Crosses Grid Pattern

    十字の形をグリッドに配置したパターン。

  7. Hanafuda Arc-Based Dashed Animation

    花札カラーのパレットと円弧を使った、破線のアニメーション。

  8. Overlapping Subtle Ellipses

    楕円を重ねて描く模様。コード上の別名はSaikicolor Circles。

  9. Overlapping Subtle Rects

    四角を重ねて描く模様。コード上の別名はSaikicolor Squares。

  10. Subtle Clipped Grid Waves

    グリッドの範囲で切り取った、ノイズによる波形。

  11. Crayon Scribble Squares

    クレヨンの落書きのような線で描く四角のグリッド。

表示について

描画にはJavaScriptと、外部CDNから読み込むp5.jsを使用します。動きを減らす設定やデータセーバーを検出した場合は、背景を表示しません。

背景の仕組みについて →