Javascript 文本函数不显示更新的变量
我有以下代码:Javascript 文本函数不显示更新的变量,javascript,processing,p5.js,Javascript,Processing,P5.js,我有以下代码: var c1,c2,c3,c4,c5,c6,c7,c8,c9,c10; c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0; var counters= [c1,c2,c3,c4,c6,c6,c7,c8,c9,c10]; for (var i=0;i<counters.length;i++){ fill(0, 0, 0); textSize(25); text(counters[i],10+40*i,50); //this
var c1,c2,c3,c4,c5,c6,c7,c8,c9,c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
var counters= [c1,c2,c3,c4,c6,c6,c7,c8,c9,c10];
for (var i=0;i<counters.length;i++){
fill(0, 0, 0);
textSize(25);
text(counters[i],10+40*i,50);
//this text function does show the updated counter variable, it stays on 0. Why?
line(i*40,0,i*40,400);
}
stroke(38, 165, 224);
fill(255, 255, 255);
rect(140,231,120,43);
textSize(25);
fill(0, 0, 0);
text("Play again", 141,258);
mouseClicked= function(){
if (mouseX<150+120 && mouseX>154 && mouseY>231 &&mouseY<231+43){
var randomx=random(0,400);
ellipse(randomx,100,20,20);
if (randomx>=0 && randomx<40){
c1++;
println(c1);
} else if(randomx>=40 &&randomx<=80){
c2++;
println(c2);
}
}
};
变量c1、c2、c3、c4、c5、c6、c7、c8、c9、c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
变量计数器=[c1、c2、c3、c4、c6、c6、c7、c8、c9、c10];
对于(var i=0;i231&&mouseY=0&&randomx=40&&randomx来说,可能值得退一步,将问题分解为更简单的步骤。我建议查看Kevin Workman指南
值得先复习一些基本知识。以下是一些基于代码的注释:
- 你应该努力格式化你的代码:越干净越容易阅读。编程你将花费更多的时间来规划/思考和阅读/调试代码,而不是实际键入指令。让事情变得简单不仅对你未来的自己,而且对其他试图理解你要支持的代码的人来说都是非常值得的
- 正如您在指南中所看到的,您需要使用
setup()
对其进行初始化(调用一次),并使用draw()
不断更新和渲染数据
println()
正在处理语法:在JavaScript中使用console.log()
以下是您的代码的修订版本:
var c1、c2、c3、c4、c5、c6、c7、c8、c9、c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
变量计数器=[c1、c2、c3、c4、c6、c6、c7、c8、c9、c10];
var buttonX=140;
var buttonY=231;
var=121;
var=43;
函数设置(){
createCanvas(900900);
对于(变量i=0;ibuttonX&&mouseY>buttonY&&mouseY=0&&randomX<40){
c1++;
控制台日志(c1);
}否则,如果(randomX>=40&&randomX可能值得退一步,将问题分解为更简单的步骤。我建议查看Kevin Workman指南
值得先复习一些基本知识。以下是一些基于代码的注释:
- 你应该努力格式化你的代码:越干净越容易阅读。编程你将花费更多的时间来规划/思考和阅读/调试代码,而不是实际键入指令。让事情变得简单不仅对你未来的自己,而且对其他试图理解你要支持的代码的人来说都是非常值得的
- 正如您在指南中所看到的,您需要使用
setup()
对其进行初始化(调用一次),并使用draw()
不断更新和渲染数据
println()
正在处理语法:在JavaScript中使用console.log()
以下是您的代码的修订版本:
var c1、c2、c3、c4、c5、c6、c7、c8、c9、c10;
c1=c2=c3=c4=c5=c6=c7=c8=c9=c10=0;
变量计数器=[c1、c2、c3、c4、c6、c6、c7、c8、c9、c10];
var buttonX=140;
var buttonY=231;
var=121;
var=43;
函数设置(){
createCanvas(900900);
对于(变量i=0;ibuttonX&&mouseY>buttonY&&mouseY=0&&randomX<40){
c1++;
控制台日志(c1);
}否则,如果(randomX>=40&&randomX请提供一个.Withp5.js
,它应该包括一个清晰的setup()
和draw()
函数。请注意,您需要类似draw()
的东西来实际渲染画布。否则,需要类似text()的东西
将只写入缓冲区。请提供一个.Withp5.js
它应该包括一个清晰的setup()
和draw()
函数。请注意,您需要类似draw()
的东西来实际渲染画布。否则类似text()
的东西将只写入缓冲区。