Ключ, набранный в академии хана

Question

Мне нужно написать код в Академии Хан, который позволяет мне менять изображения, которые я закодировал, нажав клавишу. Для этого мне нужно использовать функцию keyTyped, но я не знаю, как заставить ее работать.

Кроме того, я не могу использовать петли; Мне просто нужно написать функцию, которая позволяет мне выбирать между разными изображениями, нажимая клавишу. Ниже приведен код одного изображения, которое у меня есть.

//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

Хан-Академия использует библиотеку JavaScript под названием p5.js

Я предлагаю вам проверить документацию для keyTyped(), если вы не уверены в его правильном использовании.

p5.js reference for keyTyped()

Answer 2

Функция keyTyped вызывается при нажатии клавиши. Поэтому оттуда вы можете проверить, какой ключ был введен с помощью переменной: «key». Каждый ключ на вашей клавиатуре связан с номером в соответствии с таблицей ASCII, а «ключ» удерживает номер нажатой клавиши. Пример кода будет выглядеть так:

keyTyped = function() { if (key === 40) {// down key background (255, 255, 255); // очистить экран // рисует изображение } еще если .... // добавить дополнительные ключи для других изображений }