2019年2月16日 – HIM.CO ヒム・カンパニー

5_4：連結アーム p5.js JavaScript

translate()とrotate()とline()の組み合わせを３回行って、３つの線が互いにつながった連結アームのようにアニメーションするサンプルです。次のリンクをクリックすると、実際の動作が確認できます。[連結ア […]

translate()とrotate()関数を組み合わせて使用すると、描画物に対する制御力が高まります。そのとき重要なのが、これらを呼び出す順番です。座標システムを移動してから回転させるのと、座標システムを回転させてから […]

rotate()関数は座標システムを回転させます。引数には角度(ラジアン単位)を取り、(0, 0)に対しての、つまり原点を中心とした回転を作成します。 // 赤の矩形 fill(255, 0, 0); rect(20, […]