ボール - 一時停止＆Iは、壁に跳ね返るとクリックで&履歴書を一時停止するボールを得るために、このJavaScriptコードに取り組んでいます

Question

再開します。私はボールを一時停止させ、ブール値を使ってレジュームを可能にする可能性のあるオプションについてのフィードバックを希望します。 setTimer（）& stopTimer（）はあらかじめ定義された関数です。

var ball; 
var dx = 4; 
var dy = 4; 
var isPaused = false; 


/* This program has a ball bounce around the screen. */ 
function start(){ 
    ball = new Circle(20); 
    ball.setPosition(100, 100); 
    add(ball); 

    setTimer(draw, 20); 
    if(isPaused == true){ 
     mouseClickMethod(resume); 
    } 
} 

function draw(){ 
    checkWalls(); 
    ball.move(dx, dy); 
    mouseClickMethod(pause); 
} 

function checkWalls(){ 
    // Bounce off right wall 
    if(ball.getX() + ball.getRadius() > getWidth()){ 
     dx = -dx; 
    } 

    // Bounce off left wall 
    if(ball.getX() - ball.getRadius() < 0){ 
     dx = -dx; 
    } 

    // Bounce off bottom wall 
    if(ball.getY() + ball.getRadius() > getHeight()){ 
     dy = -dy; 
    } 

    // Bounce off top wall 
    if(ball.getY() - ball.getRadius() < 0){ 
     dy = -dy; 
    } 
} 

function pause(e){ 
    var isPaused = true; 
    if(isPaused == true){ 
     stopTimer(draw); 
    } 
} 

function resume(e){ 
    var isPaused = false; 
    if(isPaused == false){ 
     setTimer(draw, 20); 
    } 
} 

Answer 1

ちょっと分かりました。これで仕事は終わった。

var ball; 
var dx = 4; 
var dy = 4; 
var isPaused; 


/* This program has a ball bounce around the screen. */ 
function start(){ 
    ball = new Circle(20); 
    ball.setPosition(100, 100); 
    add(ball); 

    setTimer(draw, 20); 
} 

function draw(){ 
    checkWalls(); 
    ball.move(dx, dy); 
    mouseClickMethod(pause); 
} 

function checkWalls(){ 
    // Bounce off right wall 
    if(ball.getX() + ball.getRadius() > getWidth()){ 
     dx = -dx; 
    } 

    // Bounce off left wall 
    if(ball.getX() - ball.getRadius() < 0){ 
     dx = -dx; 
    } 

    // Bounce off bottom wall 
    if(ball.getY() + ball.getRadius() > getHeight()){ 
     dy = -dy; 
    } 

    // Bounce off top wall 
    if(ball.getY() - ball.getRadius() < 0){ 
     dy = -dy; 
    } 
} 

function pause(){ 
    isPaused = true; 
    if(isPaused == true){ 
     stopTimer(draw); 
    } 
    mouseClickMethod(resume); 
} 

function resume(){ 
    isPaused = false; 
    if(isPaused == false){ 
     setTimer(draw, 20); 
    } 
}