p5js

図形 円や四角形など、Processingでは図形が簡単に描画することができます。この手軽さは他のプログラミング言語ではなかなか実現が難しく、あたかもスケッチブ…

変数の活用 変数には数値や文字など様々なデータを代入し、定数の代わりに使うことができます。変数はプログラムには欠かせないもので、効率性を高めるだけでなく様々な用…

プログラムでは処理を意図的に振り分けたり、特定の条件下でのみの処理を実現することができます。ここではif文を用いた条件分岐を紹介します。 条件式の例 if (x…

ノイズの描画 ノイズを使用すると、ランダムでありながら連続性のある模様を作り出すことができます。ノイズのパラメーターはx,yですが、この数値を大きくすると模様が…

Processingではキャンバスの左上の座標が（0,0）となっており、左上を原点として図形が描かれます。しかし、Processingではこの原点を移動すること…

前回学んだ繰り返しは、何度も呼び出される「draw」関数の特性を活用したものでした。今回学ぶのは「for」を使用した繰り返しです。「for」は一度の描画内で指定…

画像の描画 Processingで画像を表示するための手順は下記の3ステップが必要となります。 1行目　画像用の作成 5行目　画像を読み込む 11行目　画像を描…

プログラミングとはコンピュータ上で実現したい事を叶えるために、手順を組み立てることです。プログラミングというととても数学的で理系なイメージを持たれている方も多い…