p5.js 変数と関数(1) 2018年5月20日 p5js, 公開資料変数の活用 変数には数値や文字など様々なデータを代入し、定数の代わりに使うことができます。変数はプログラムには欠かせないもので、効率性を高めるだけでなく様々な用…
p5.js 条件分岐 2018年5月17日 p5js, 公開資料プログラムでは処理を意図的に振り分けたり、特定の条件下でのみの処理を実現することができます。ここではif文を用いた条件分岐を紹介します。 条件式の例 if (x…
p5.js アルゴリズムによる図形描画 2018年5月17日 p5js, 公開資料波形の描画 sinやcosを使用することで、波形を描けます。sinに必要なパラメータは角度。360度で1周期となるため、角度の変化が大きいほど波の起伏回数が増え…
p5.js 回転パターン 2018年5月17日 p5js, 公開資料Processingではキャンバスの左上の座標が（0,0）となっており、左上を原点として図形が描かれます。しかし、Processingではこの原点を移動すること…
p5.js 繰り返しによる描画パターン 2018年5月17日 p5js, 公開資料前回学んだ繰り返しは、何度も呼び出される「draw」関数の特性を活用したものでした。今回学ぶのは「for」を使用した繰り返しです。「for」は一度の描画内で指定…
p5.js 画像の表示 2018年5月14日 p5js, 公開資料画像の描画 Processingで画像を表示するための手順は下記の3ステップが必要となります。 1行目 画像用の作成 5行目 画像を読み込む 11行目 画像を描…
p5.js プログラミング入門 2018年5月10日 p5js, 公開資料プログラミングとはコンピュータ上で実現したい事を叶えるために、手順を組み立てることです。プログラミングというととても数学的で理系なイメージを持たれている方も多い…
