khanアカデミーに入力されたキー

Question

キーを押してコード化した画像を変更できるコードをKhan Academyに書く必要があります。これを行うには、keyTyped関数を使用する必要がありますが、それを動作させる方法はわかりません。

また、ループは使用できません。私は、キーを押して別の画像を選択できるようにする関数を記述する必要があります。以下は、私が持っている1つのイメージのコードです。

//image: Kishin 
var x = 180; 
var y = 170; 
var widthEllipse = 300; 
var heightEllipse = 300; 
var widthX = 80; 
var heightY = 180; 

background(94, 30, 30); 
// bigger ellipse 
fill(0, 0, 0); 
ellipse(x + 20, y + 20, widthEllipse, heightEllipse); 

//smaller ellipses 
fill(148, 0, 0); 
ellipse(130, 150, widthX - 50, heightY - 40); 
ellipse(200, 230, widthX - 50, heightY - 40); 
ellipse(270, 150, widthX - 50, heightY - 40); 

// smallest ellipses 
fill(0, 0, 0); 
ellipse(130, 150, 30, 35); 
ellipse(200, 230, 30, 35); 
ellipse(270, 150, 30, 35); 

Answer 1

カーン・アカデミーはp5.js

私はあなたがその正しい使用方法が分からない場合は、keyTyped()のドキュメントをチェックアウトをお勧めというJavaScriptライブラリを使用しています。キーが押されるたびに

p5.js reference for keyTyped()

Answer 2

keyTypedに関数が呼び出されます。そこで、変数 "key"を使ってどのキーが入力されたのかを確認することができます。キーボードの各キーは、ASCIIテーブルに従って番号に関連付けられ、「キー」は押されたキーの番号を保持します。例コードは次のようになります。

keyTyped = function（）{ if（key === 40）{// down key 背景（255,255,255）; //クリア画面 //描画画像 } .... //他の画像 }のために複数のキーを追加した場合、他の