まずは書いてみる　その１

（１）最初のプログラム

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

void draw()
{
  background(192, 192, 255);
  circle(100, 150, 25);
}

（２）変数 x を導入する

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

float x = 100;

void draw()
{
  background(192, 192, 255);
  circle(x, 150, 25);
}

（３）変数の値を変更する

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

float x = 100;

void draw()
{
  x = x + 1;
    
  background(192, 192, 255);
  circle(x, 150, 25);
}

まずは書いてみる　その２

（１）最初のプログラム

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

void draw()
{
  background(192, 192, 255);
  circle(100, 50, 25);
}

（２）変数を導入する

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

float x = 100;
float y = 50;

void draw()
{
  background(192, 192, 255);
  circle(x, y, 25);
}

（３）変数の値を変更する

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

float x = 100;
float y = 50;

void draw()
{
  x = x + 1;
  y = y + 2;
    
  background(192, 192, 255);
  circle(x, y, 25);
}

上記のプログラムは、２つの変数 x, y を使って円を動かしています。

float x = 100;

は、「x という名前の変数を作成（宣言、定義とも）し、その値（初期値）を100とする。」というプログラムです。そして、

x = x + 1;

は、「変数 x の値に 1 を足した値を、変数 x の（新しい）値とする」というものです。 このプログラムでは、変数 x の値は、 draw() が実行されるたびに更新されて、1 ずつ増えていきます。void draw() { }の{ } の中に書かれたプログラムは、繰り返し実行されることを思い出してください。

変数

変数の例（int）

int a = 100;

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

void draw()
{    
  background(0);
  textSize(50);
  text(a, 100, 175);
}

int a;

void setup()
{
  size(400, 300);
  a = 123;
}

void draw()
{    
  background(0);
  textSize(50);
  text(a, 100, 175);
}

int a = 100;

void setup()
{
  size(400, 300);
  a = 123;
}

void draw()
{    
  background(0);
  textSize(50);
  text(a, 100, 175);
}

int a = 100;

void setup()
{
  size(400, 300);
  a = 123;
}

void draw()
{    
  background(0);
  textSize(50);
  a = 456;
  text(a, 100, 175);
}

int a = 100;

void setup()
{
  size(400, 300);
  a = 123;
}

void draw()
{    
  background(0);
  textSize(50);
  a = a + 1;
  text(a, 100, 175);
}

int a = 100;
int b = -123;

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

void draw()
{    
  background(0);
  textSize(50);
  text(a+b, 100, 175);
}

int a = 100;
int b = -123;
int c = a + b * 2;

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

void draw()
{    
  background(0);
  textSize(50);
  text(c, 100, 175);
}

int a = 100;
int b = -123;
int c;

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

void draw()
{    
  background(0);
  textSize(50);
  c = a + b * 2;
  text(c, 100, 175);
}

int a = 100;
int b = -123;
int c;

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

void draw()
{    
  background(0);
  textSize(50);
  c = c + a + b * 2;
  text(c, 100, 175);
}

プログラム中の int は、それが変数であることを表しています。

int型

int は整数のみを扱うことができます。int に小数を代入しようとするとエラーになります。

（１）エラーメッセージが出て実行できない。

int a = 100.5;    // エラー

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

void draw()
{    
  background(0);
  textSize(50);
  text(a, 100, 175);
}

（２）小数の数値を int 型に変換することができます。 　　　このとき小数点以下の値は切り捨てられます。 　　　このような型の変換を「キャスト」と呼びます。

int a = int(100.5);

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

void draw()
{    
  background(0);
  textSize(50);
  text(a, 100, 175);
}

（３）負の値をキャストする例。

int a = int(-100.5);

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

void draw()
{    
  background(0);
  textSize(50);
  text(a, 100, 175);
}