[英]Why won't my script update on mouse click?
我似乎无法弄清楚为什么我的代码不会更新。 我所使用的浏览器没有控制台控件,也没有其他浏览器可使用,因此除了我的所有脚本都可以正常工作(onMouseUpdate /事件侦听器行除外)外,我不知道到底在发生什么。 这是我的代码:
HTML
<canvas id="game" width="500" height="500" style="border:1px solid #000000;position:absolute;top:10px;left:10%">
JavaScript的
var c = document.getElementById("game");
var ctx = c.getContext("2d");
var ballX;
var ballY;
var ballZ;
var ballXVel;
var ballYVel;
var ballZVel;
var mx=0;
var my=0;
var oldx;
var oldy;
document.addEventListener('onmousedown', onMouseUpdate, false);
function onMouseUpdate(e) {
mx = e.pageX;
my = e.pageY;
renderWorld();
}
function renderWorld(){
ctx.fillStyle = "#3355FF";
ctx.fillRect(0,0,500,380);
ctx.strokeRect(50,100,400,300);
ctx.fillStyle = "#00DD00";
ctx.fillRect(0,380,500,120);
}
function renderBall(){
ctx.beginPath();
ctx.arc(ballX,ballY,ballZ,0,2*Math.PI);
ctx.fillStyle = "#FFFFFF";
ctx.fill();
ctx.stroke();
ctx.closePath();
}
function reset(){
ballX=250;
ballY=380;
ballZ=40;
ballXVel=0;
ballYVel=0;
ballZVel=0;
}
function detectKick(){
oldx=mx;
oldy=my;
loopDetectKick();
}
function loopDetectKick(){
if(oldx==mx&&oldy==my){
setTimeout(loopDetectKick(),100);
} else{
renderWorld();
}
}
renderWorld();
reset();
renderBall();
detectKick();
只需换行
document.addEventListener('onmousedown', onMouseUpdate, false);
至
document.addEventListener("mousedown", onMouseUpdate, false);
我已经将onmousedown
更改为mousedown
,并将单引号替换为双引号。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.