let rec; //音声認識用のp5.SpeechRecオブジェクトを管理する変数

let x, y; 

let dx = 0, dy = 0; 

​

function setup() {

  createCanvas(360, 240);

  rec = new p5.SpeechRec();

  x = width / 2; y = height / 2; 

  rec.continuous = true;

  rec.interimResults = true;

  rec.onResult = parse; 

  rec.start(); 

}

​

function draw() {

  ellipse(x, y, 20, 20); 

  x += dx; y += dy;

  // 描画領域の端を超えた場合の処理

  if (x < 0) {  

    x = width; 

  } else if (x > width) {

    x = 0;

  }

  if (y <0){

    y = height;

  } else if (y > height) {

    y = 0;

  }

}

​

function parse() {

  let word = rec.resultString.split(" ").pop();

  if (word.indexOf("左") !== -1 || word.indexOf("ひだり")!==-1) {

    dx = -0.5; dy = 0; 

  } else if (word.indexOf("右") !== -1 || word.indexOf("みぎ")!==-1) { 

    dx = 0.5; dy = 0; 

  } else if (word.indexOf("上") !== -1|| word.indexOf("うえ")!==-1) {

    dx = 0; dy = -0.5; 

  } else if (word.indexOf("下") !== -1 || word.indexOf("した")!== -1) { 

    dx = 0; dy = 0.5; 

  }  else if (word.indexOf("止まれ") !== -1|| word.indexOf("とまれ")!== -1) { 

    dx = 0; dy = 0; 

  }

  print(word);

}