【Processing】ceil()関数の使い方【数値を切り上げて最も近い整数にする】

2024年10月8日

URLをコピーしました！

ワタタク

今回の記事の目的はProcessingの「ceil()関数」を理解し、自分なりに使ってみること。

この記事を書いた人

ワタタク

当ブログがはじめての方へ

クリエイティブコーディング初心者が、アーティストとして活躍するまでの上達の過程を発信
コンセプトは「クリエイティブコーディング1万時間の歩き方」
参考にしてもらえるブログにするため、Processingを独学で勉強して共有中

記事内のProcessingのバージョンは4.3。

動きのある画像は、コードではなく、GIF画像編集で無限再生されるようにしています。

【Processing】ceil()関数について

ceil()関数について

ceilは「ceiling」の略で、英語で「天井」を意味する
ceil()関数は、数値を切り上げて最も近い整数にする関数
- 数値を切り上げるので、天井というceilという意味もイメージしやすい
ceil()関数は、ゲームでキャラクターを座標に移動させるときや、グラフの表示で小数点を扱わないときに便利
ceil()関数は「切り上げる」というのが大事。四捨五入ではない。
- 切り上げ (rounding up): 常に次の整数にする
- 3.1も3.8もどちらも4にする
  - 四捨五入 (rounding): 数字を最も近い整数にする
  - 3.2は3に、3.8は4になる。0.5以上の端数は切り上げ、0.5未満の端数は切り捨てる

【Processing】ceil()関数の書き方【構文】

ceil()関数の書き方【構文】

ceil(n)
- ceil(n)のnは、数値を意味する英語の「number」または「numeric value」の略

【Processing】ceil()関数の使い方【画像とコード】

切り上げた数値をコンソールに表示させる

float num = 3.2;
int roundedNum = ceil(num);
println(roundedNum); // 出力は4になる

num は数値を意味する “number” の略で、ここでは切り上げ対象の数値 3.2 を表しています。

roundedNum は切り上げた後の数値を意味する “rounded number” の略で、ここでは ceil() 関数を使って切り上げられた数値、つまり 4 。

だから、このプログラムでは num が元の数値、roundedNum が切り上げた後の数値になります。

ceil()を使って円を描き、切り上げた数値をコンソールに出るようにする

ランダムな位置に表示させているので、下にあるコードをコピーして実行すると違う配置になります。

ランダムな位置に表示させているので、下にあるコードをコピーして実行すると違う表示になります。

void setup() {
  size(400, 400);
  background(255);

  for (int i = 0; i < 10; i++) {
    float size = random(10, 50); // ランダムなサイズ
    int roundedSize = ceil(size); // 切り上げ
    ellipse(random(width), random(height), roundedSize, roundedSize);
  }
}

コードの解説。

キャンバスの設定: size(400, 400); で幅400、高さ400の画面を作る
背景を白に設定: background(255); で背景を白に。255は白色の値。
繰り返し処理: for (int i = 0; i < 10; i++) は、10回繰り返すためのループ。iは回数を数える変数。
ランダムな大きさの円を作成: float size = random(10, 50); で、10から50の間のランダムな大きさを選ぶ。
大きさを整数に切り上げる: int roundedSize = ceil(size); で、選んだ数値を切り上げて整数にする。
円を描く: ellipse(random(width), random(height), roundedSize, roundedSize); でランダムな位置に円を描く。widthとheightはキャンバスの幅と高さ。