配列

// 書き方
let 変数名 = [];// 空の配列を作成
let 変数名 = [データ1, データ2, データ3];// 配列作成と同時にデータを格納
変数名[インデックス（何番目）];// インデックス番目のデータを取り出す（0始まりなので先頭は[0]）
変数名.push(データ);// 配列の末尾にデータを追加
変数名.length;// 配列の長さ（要素数）を取得

// サンプル
let arr1 = [123, 0.75, 2];// 初期化代入
console.log(arr1[0]);// 123
console.log(arr1[1]);// 0.75
console.log(arr1[2]);// 2

let arr2 = [];// 空の配列を作成
arr2.push(123);// 配列.push() でデータを追加
arr2.push(0.75);
arr2.push(2);
console.log(arr1[0]);// 123
console.log(arr1[1]);// 0.75
console.log(arr1[2]);// 2

// for文で配列を回す
for (let i = 0; i < arr2.length; i++) {
  console.log(arr2[i]);// 123 0.75 2
}

// let rand = random(-1, 1);// エラー！
let rand = 0;// 一旦 0 を入れておく

function setup() {
  ...
  rand = random(-1, 1);// -1 ~ -1 の範囲のランダムな値を取得
}

// 初期化代入する方法
let arr1 = [
  [0.1, 2.34, 52],
  [3.2, 40, 8.3],
  [79, 23.1, 10.7]
];
console.log(arr1[0]);// [0.1, 2.34, 52]
console.log(arr1[0][1]);// 2.34
console.log(arr1[2]);// [79, 23.1, 10.7]
console.log(arr1[2][2]);// 10.7

// あとから追加する方法
let NUM = 3;
let arr2 = [];// 空の配列

for (let y = 0; y < NUM; y++) {
  let arr = [];// 一行分の配列
  for (let x = 0; x < NUM; x++) {
    arr.push(random(0, 100));
  }
  arr2.push(arr);
}

for (let y = 0; y < arr2.length; y++) {
  for (let x = 0; x < arr2[y].length; x++) {// arr2[y] で一行分の配列を取得
    console.log(y, x, arr[y][x]);
  }
}

let x = 200;
let y = 200;
let vx = 1;
let vy = 1.5;
let r = 50;

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(240);
  noStroke();
  fill(100, 220, 220);
  
  // 位置を更新
  x += vx;
  y += vy;

  // xが端にきたらx方向の移動の向きを反転
  if (x < r) {
    vx *= -1;
    x = r;
  }
  if (x > width - r) {
    vx *= -1;
    x = width - r;
  }
  // yが端にきたらy方向の移動の向きを反転
  if (y < r) {
    vy *= -1;
    y = r;
  }
  if (y > height - r) {
    vy *= -1;
    y = height - r;
  }

  circle(x, y, r * 2);
}