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

Khan-Academy使用名为p5.js的JavaScript库

如果您不确定其正确用法，建议您查看keyTyped()的文档。

p5.js reference for keyTyped()

Answer 2

只要按下某个键，就会调用keyTyped函数。因此，从那里，您可以使用变量检查键入的键：“key”。键盘上的每个键根据ASCII表与一个数字相关联，“key”保存按下的键的数字。示例代码如下所示：

keyTyped = function（）{ if（key === 40）{// down key background（255,255,255）; //清除屏幕 //画图 } 否则如果.... //为其他图像添加更多键 }

关键在汗学院打字

2 个答案: