相思资源网 Design By www.200059.com
一、键盘交互相关关键词与函数
keyIsPressed: 关键词，按下按键时为true，反之为false
keyCode: 关键词，用于判断按下哪个按键
keyPressed():函数，按键按下时触发一次
keyReleased():函数，按键松开时触发一次
keyIsDown():函数，按下指定按键时返回true，反之为false
以下是一个较综合的案例，用wsad与zxcv控制小球移动：
var x=200;
var y=200;
var speed=2;
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
ellipse(x,y,20,20);
if(keyIsPressed){
//持续触发
//字母用小写
if(key=='a'){
x-=speed;
}
if(key=='d'){
x+=speed;
}
}
if(keyIsDown(87)){
//持续触发
//使用keyCode
//87即w
y-=speed;
}
if(keyIsDown(83)){
//持续触发
//使用keyCode
//83即s
y+=speed;
}
}
function keyPressed(){
//按键按下时触发一次
//字母用大写
if(key=='Z'){
x-=20;
}
if(key=='X'){
x+=20;
}
}
function keyReleased(){
//按键松开时触发一次
//字母用大写
if(key=='C'){
y-=20;
}
if(key=='V'){
y+=20;
}
}
查看效果：http://alpha.editor.p5js.org/full/S1YQvEFIZ
二、key与keyCode
下面这个案例将在画面上输出你按下的按键的key与keyCode，在写程序时可以用这个办法快速查找keyCode：
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
textAlign(CENTER);
textSize(30);
if(keyIsPressed){
text(key,200,180);
text(keyCode,200,220);
}
}
查看效果：http://alpha.editor.p5js.org/full/rkZ2TVFLW
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
标签：
p5.js,键盘交互,p5.js
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无p5.js入门教程之键盘交互的评论...