以下,小林先生のチュートリアルへ

反応に応じてcanvasに要素を追加

1. options.events['keydown']

まずは,「Content」に以下のような文字を入力します。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b2747502-1cb2-410e-9209-52aa6add4366/Untitled.png

「Behavior」は空欄にしてください。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3a2f6d1d-6582-4ba9-a75c-b79e4a090ca4/Untitled.png

すでに小林先生に説明をしていただいている部分ですが,関連する部分だけをピックアップして説明します。Scriptsで反応キーを取得する際は,以下のようにしてください。ここでのもう一つのポイントは「this.end()」です。コンポーネントを終了することができます。

this.options.events['keydown'] = function(e) {
  
    if(e.key == "f"){

      //コンポーネントを終了
      this.end();
    }else if(e.key == "j"){
      
      //コンポーネントを終了
      this.end();
    }

  }

以下のように,Scriptsに入力してください。「before:prepare」にしてください。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7fe897a4-98d5-4276-af0e-b9159ece84c2/Untitled.png

実行すると,「F」か「J」を押すと実験プログラムが終了します。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1ec81f73-73d4-428d-ab4a-eb323c1e1575/Untitled.png

以下,プログラムのファイルです。

response-demo-2020-09-12--15 31.study.json