三角関数

sin / cos

sin

y=sin(x)でGoogle検索

cos

y=cos(x)でGoogle検索

円周上の座標を算出する

sin cos を使うことで円周上の座標を作成することができます。

// 書き方
let x = 円の中心X + cos(角度（ラジアン）) * 円の半径;
let y = 円の中心Y + sin(角度（ラジアン）) * 円の半径;

// サンプル
let angle = PI;
let r = 150;
let x = 200 + cos(angle) * r;
let y = 200 + sin(angle) * r;

背景をフェードさせる

background ではなく、fill でアルファ（不透明度）を指定した全画面の矩形で塗りつぶすことで、残像を残すことができます。

examples | p5.js

// background(0);
noStroke();
fill(0, 8);// 色の指定に二つ引数を入れたときは、二つ目はアルファ（不透明度）になる
rect(0, 0, width, height);

リサジュー図形

sin cos の周期をそれぞれバラバラの数を掛けることでリサジュー図形と呼ばれる図形を描くことができます。

リサジュー図形 - Wikipedia

x = cos(angle)
y = sin(angle * 3)

x = cos(angle * 7)
y = sin(angle * 4)