0

キーを押すことでコーディングした画像を変更できるコードを 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);
4

2 に答える 2

0

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

keyTyped = function() { if(key === 40) { //下キー background(255, 255, 255); //画面をクリアする //画像を描画する } else if.... //他の画像のキーを追加する }

于 2016-11-22T05:53:13.853 に答える
0

Khan-Academy では、p5.js という JavaScript ライブラリを使用しています。

keyTyped()正しい使い方がわからない場合は、 のドキュメントを確認することをお勧めします。

の p5.js リファレンスkeyTyped()

于 2016-11-22T05:47:47.263 に答える