日: 2019年2月8日

シェイプの線と塗りの色 シェイプの線と塗りの色は、stroke()関数とfill()関数で設定できます。次のサンプルでは、stroke()にもfill()にも0から255までの数値を１つだけ渡しているので、グレーの濃さの […]

続きを読む

描画するシェイプ(形状)の属性は専用の関数で設定できます。 ストロークの太さ デフォルトでは、ストローク(線や円、四角形などの枠線)の幅は1ピクセルですが、これはstrokeWeight()関数で変更できます。 func […]

続きを読む

楕円(円) 矩形の(x, y)座標は矩形の左上隅を設定しますが、楕円の(x, y)座標は楕円の中心を設定します。次のサンプルでは、大きな楕円はキャンバスのサイズを超えていますが、p5.jsはエラーを発生させることなく、そ […]

続きを読む

p5.jsには、基本的なシェイプ(形状)を描く関数が定義されているので、三角形や四角形などを簡単に描画することができます。また線を描いてつなぎ合わせる方法で、複雑な形状を作ることもできます。 線 function set […]

続きを読む