「4_8:応答するロボット p5.js JavaScript」で作成したロボットに、translate()とrotate()、scale()関数を組み込みます。 次のリンクをクリックすると、実際の動作が確認できます。「ロ […]
続きを読む日: 2019年2月17日
5_6:変換状態の保存と復元 p5.js JavaScript
変換の効果が以降の関数に影響しないように分離させることができます。push()関数は現在の座標システムのコピーを保存し、pop()関数は保存した座標システムを復元します。これらの関数は、あるシェイプにだけ特定の変換が必要 […]
続きを読む5_5:拡大縮小(scale) p5.js JavaScript
scale()関数はキャンバスの座標を引きのばしたり縮めたりします。スケール(縮尺比)の変化に合わせて、座標が伸縮するので、キャンバスの描画物すべてのサイズが大きくなったり小さくなったりします。スケールの量は小数点付きの […]
続きを読む