如何解决使用声音绘画的代码不起作用
我正在使用P5.js进行声音绘制(该项目受拍打鸟的启发)。
- 首先,我尝试使用p5.js进行绘画,效果很好
- 在我尝试将p5.sound集成到它之后,我得到了我不希望的结果
- 我正在尝试绘画(使用声音向上/向下/向左/向右移动光标)
- 我在侧面制作了一个阈值矩形以控制阈值音量水平,在该阈值音量水平下它会触发它按压力。
请帮助纠正代码
let circleX = 150;
let circleY = 150;
var mic;
function setup() {
createCanvas(300,300);
mic = new p5.AudioIn();
mic.start();
background(220);
}
function draw() {
rectMode(CENTER);
fill(0);
var vol = mic.getLevel();
if (keyIsPressed) {
if (keyCode == UP_ARROW) {
circleY--;
}
else if (keyCode == DOWN_ARROW) {
circleY++;
}
else if(keyCode == LEFT_ARROW){
circleX--;
}
else if(keyCode == RIGHT_ARROW){
circleX++;
}
}
fill(0,255,0);
var y = map(vol,1,height,0);
rect(width-50,y,50,height-y);
circle(circleX,circleY,5);
}
html,body {
margin: 0;
padding: 0;
}
canvas {
display: block;
}
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8" />
</head>
<body>
<script src="sketch.js"></script>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。