まずは書いてみる　その１

void setup()
{
  size(400, 300);
  noStroke();
}

void draw()
{
  background(255, 255, 255);
  if (mouseX > 200) {
      background(255, 0, 0);
  }
}

void setup()
{
  size(400, 300);
  noStroke();
}

void draw()
{
  background(255, 255, 255);
  if (mouseX < 200) {
      fill(255, 0, 0);
      rect(200, 0, 200, 300);
  }
}

まずは書いてみる　その２

float x = 10;

void setup()
{
  size(800, 600);
}

void draw()
{
  background(255);

  x = x + 2;
  if (x > 400) {
      x = 400;
  }

  fill(188, 0, 45);
  noStroke();
  circle(x, 300, 240);
}

float x = 10;
float dx = 3;

void setup()
{
  size(800, 600);
}

void draw()
{
  background(255);

  x = x + dx;
  if (x > 500) {
      dx = -3;
  }
  if (x < 300) {
      dx = 3;
  }

  fill(188, 0, 45);
  noStroke();
  circle(x, 300, 240);
}

条件分岐（if文）

if 文の使い方は以下のとおりです。

if (条件) {
    条件が成立する場合、ここに記述されたプログラムが実行される
}

比較演算子

「条件」の部分には、一般に「比較演算」が入ります。 比較演算とは、2つの値を比較して、その関係性（大きい、小さい、等しいなど）を判断する演算のことです。 そして、関係性を表す記号を「比較演算子」と呼びます。

a < b     # a は b より小さい
a > b     # a は b より大きい
a <= b    # a は b 以下
a >= b    # a は b 以上
a == b    # a と b は等しい
a != b    # a と b は等しくない

比較演算子の例

a と b の値を変えて、どんなときに円が表示されるか、動作を確認してみよう。

int a = 15;
int b = 8;

void setup()
{
  size(400, 300);
}

void draw()
{
  if (a < b) {
    circle(200, 150, 250);
  }
}

int a = 15;
int b = 8;

void setup()
{
  size(400, 300);
}

void draw()
{
  if (a > b) {
    circle(200, 150, 250);
  }
}

int a = 15;
int b = 8;

void setup()
{
  size(400, 300);
}

void draw()
{
  if (a <= b) {
    circle(200, 150, 250);
  }
}

int a = 15;
int b = 8;

void setup()
{
  size(400, 300);
}

void draw()
{
  if (a >= b) {
    circle(200, 150, 250);
  }
}

int a = 15;
int b = 8;

void setup()
{
  size(400, 300);
}

void draw()
{
  if (a == b) {
    circle(200, 150, 250);
  }
}

int a = 15;
int b = 8;

void setup()
{
  size(400, 300);
}

void draw()
{
  if (a != b) {
    circle(200, 150, 250);
  }
}

boolean型の変数

void setup()
{
  size(400, 300);
}

void draw()
{
  background(255);
  if (true) {
    circle(200, 150, 250);
  }
}

void setup()
{
  size(400, 300);
}

void draw()
{
  background(255);
  if (false) {
    circle(200, 150, 250);
  }
}

boolean b;

void setup()
{
  size(400, 300);
  b = true;
}

void draw()
{
  background(255);
  if (b) {
    circle(200, 150, 250);
  }
}

boolean b;

void setup()
{
  size(400, 300);
  b = false;
}

void draw()
{
  background(255);
  if (b) {
    circle(200, 150, 250);
  }
}

変数の型には boolean というのもあります。boolean 型の変数は true か false のどちらかになります。