# How can I make my game create a new ball and/or restart the code?

**URL:** <https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111>\
**Category:** Coding Questions\
**Created:** [November 30, 2018, 3:44pm UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111 "2018-11-30T15:44:43Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![BLy](https://avatars.discourse-cdn.com/v4/letter/b/ad7895/32.png) [@BLy](https://discourse.processing.org/u/BLy)\
**Post date:** [November 30, 2018, 3:44pm UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/1 "2018-11-30T15:44:43Z")

</div>

I am currently trying to make it so when a button is clicked, it will create a new ball. I’m also trying to have another button that would completely restart the game. Can someone help me out please? My code is here:

```auto
var gameStart = false;
var paddleL = {
  x: 10,
  y: 235,
  w: 15,
  h: 100,
};
var paddleR = {
  x: 775,
  y: 235,
  w: 15,
  h: 100,
}; 
var ball = {
  x: 50,
  y: 250,
  diam: 25,
  speedX: 5,
  speedY: 5,
};
var speedX = 5;
var speedY = 5;
var paddleSpeed = 12;
var s = "Welcome to Political Pong! Player one controls their paddle with the a and z keys. Player two controls their paddle with the /? key and the '\" key. Press the space bar to begin";
var score = 0;
var score1 = 0;
/*function down(x){
 x = x + 5;
}*/

function setup() {
  createCanvas(800, 600);
  smooth();
  //background(0);
  //fill(255)
  //text(s, 10, 10, 70, 80);
  var button = createButton("New Ball")
  button.mousePressed(createBall)
  var button1 = createButton("New Game")
  button1.mousePressed(setup, draw, createLeftPaddle, createRightPaddle, createBall, ballBounceTopAndBottom, ballBounceRight, ballBounceLeft)
}

function draw() {
  
  //if (keyPressed(32) === true) {
  gameStart === true;
  //}
  
    background(0, 0, 0);
    noStroke();

  createLeftPaddle();
  createRightPaddle();
  createBall();
  ballBounceTopAndBottom();
  ballBounceRight();
  ballBounceLeft();
}
  function createBall(){ 
    //Create ball
    fill(198, 237, 44);
    ellipse(ball.x, ball.y, ball.diam, ball.diam);

    ball.x = ball.x + speedX;
    ball.y = ball.y + speedY;
}

  function createLeftPaddle() {
    //Create the left paddle
    fill(500, 55, 154);
    rect(paddleL.x, paddleL.y, paddleL.w, paddleL.h);
    //Control the left paddle
    if (keyIsDown(90) === true) {
      if (paddleL.y + paddleL.h < height - 5) {
        paddleL.y = paddleL.y + paddleSpeed;
      }
    }
    if (keyIsDown(65) === true) {
      if (paddleL.y > 5) {
        paddleL.y = paddleL.y - paddleSpeed;
      }
    }
  }
  function createRightPaddle() {
    //Create the right paddle
    fill(154, 55, 500);
    rect(paddleR.x, paddleR.y, paddleR.w, paddleR.h);
    //Control the right paddle

    if (keyIsDown(191) === true) { //move paddle down
      if (paddleR.y + paddleR.h < height - 5) {
        paddleR.y = paddleR.y + paddleSpeed;
      }
    }
    if (keyIsDown(222) === true) { //move paddle up
      if (paddleR.y > 5) {
        paddleR.y = paddleR.y - paddleSpeed;
      }
    }
}

  function ballBounceTopAndBottom() {

    //If if the ball hits the top or bottom of the court it bounces
    if (ball.y + 12.5 > height || ball.y < 12.5 && ball.x > 0 && ball.x < width && ball.y > 0 && ball.y < height) {
      speedY = speedY * -1; //reverse the direction of the motion
      ball.y = ball.y + speedY; //keeps things moving
      print("wham");

    }

  }
function ballBounceRight() {
    //if the x of the edge ball is more than the x of the right paddle and
    //the y of the ball is greater than the y of the rectangle and 
    //less than the y of the rectangle plus the height
    if (ball.x + 12.5 > paddleR.x && ball.y + 12.5 > paddleR.y && ball.y + 12.5 < paddleR.y + paddleR.h && ball.x > 0 && ball.x < width && ball.y > 0 && ball.y < height) {
      speedX = speedX * -1; //This reverses the direction, I think
      ball.x = ball.x + speedX; //This keeps the ball moving
      score1++;
      print("bam");

    }
    //if the edge of the ball is lower than rect y and
    //the x of the ball is greater than the x of the rect and less than the width
    else if (ball.y + 12.5 > paddleR.y && ball.y < paddleR.y + paddleR.y + paddleR.h && ball.x + 12.5 > paddleR.x && ball.x < paddleR.x + paddleR.x && ball.x > 0 && ball.x < width && ball.y > 0 && ball.y < height) {
      speedY = speedY * -1; //reverse the direction of the motion
      ball.y = ball.y + speedY; //keeps things moving
      print("bam top");
    }

    //if the edge of the ball is higher than rect y plus height and 
    //the x of the ball is greater than the x of the rect and less than the width
    else if (ball.y + 12.5 < paddleR.y + paddleR.h && ball.y > paddleR.y && ball.x > paddleR.x && ball.x < paddleR.x + paddleR.h && ball.x > 0 && ball.x < width && ball.y > 0 && ball.y < height) {
      speedY = speedY * -1; //reverse the direction of the motion
      ball.y = ball.y + speedY; //keeps things moving
      print("bam bottom");
    }
  }

function ballBounceLeft() {
    //if the ball hits the left wall
    /* if (ball.x < 0) {
       speedX = speedX * -1; //This reverses the direction, I think
       ball.x = ball.x + speedX; //This keeps the ball moving
       print("pow");*/

    //if the ball hits the front of the left paddle
    if (ball.x - 12.5 < paddleL.x + paddleL.w && ball.y + 12.5 > paddleL.y && ball.y + 12.5 < paddleL.y + paddleL.h && ball.x > 0 && ball.x < width && ball.y > 0 && ball.y < height) {
      speedX = speedX * -1; //This reverses the direction, I think
      ball.x = ball.x + speedX; //This keeps the ball moving
      score++;
      print("pow");
    }
fill(0, 255, 255);
textSize(24);
text("Score: " + score, 10, 25);
fill(0, 255, 255);
textSize(24);
text("Score: " + score1, 700, 25);
  }

```

---

<div class="post-metadata">

**Author:** ![slow\_izzm](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/slow_izzm/32/5637_2.png) [@slow\_izzm](https://discourse.processing.org/u/slow_izzm)\
**Post date:** [November 30, 2018, 5:47pm UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/2 "2018-11-30T17:47:04Z")

</div>

I would take the time to tidy your code and fix your formatting for the forum, first … also change your `"` to `'` when defining your string and in your button arguments.

properly comment out the functions you are not using.

then create a ball object, I would suggest a class and implement vector math for physics.

to create a new ball on button press, just create a new instance of your ball object inside `createBall()`.

to start a new game, create a function that has all your initial settings and call that when button is pressed.

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [November 30, 2018, 8:15pm UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/3 "2018-11-30T20:15:18Z")

</div>

1. [http://p5js.ProcessingTogether.com/sp/pad/export/ro.CxS6E9WWAMC$EO](http://p5js.ProcessingTogether.com/sp/pad/export/ro.CxS6E9WWAMC%24EO)
2. [http://p5js.ProcessingTogether.com/sp/pad/export/ro.CwHWpJ$SP1EN8i](http://p5js.ProcessingTogether.com/sp/pad/export/ro.CwHWpJ%24SP1EN8i)

---

<div class="post-metadata">

**Author:** ![dan850](https://avatars.discourse-cdn.com/v4/letter/d/e9c0ed/32.png) [@dan850](https://discourse.processing.org/u/dan850)\
**Post date:** [December 1, 2018, 12:25am UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/4 "2018-12-01T00:25:29Z")

</div>

Hi @GoToLoop! Please provide an explanation or description in the future please. Also, the examples were removed.

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [December 1, 2018, 12:32am UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/5 "2018-12-01T00:32:39Z")

</div>

Well, you’ve just butchered those 2 poor links. Gonna repost them correctly so that’s evident: 😑

1. `http://p5js.ProcessingTogether.com/sp/pad/export/ro.CxS6E9WWAMC$EO`
2. `http://p5js.ProcessingTogether.com/sp/pad/export/ro.CwHWpJ$SP1EN8i`

They’re about creating clickable balls. Satisfied now? 🏐

---

<div class="post-metadata">

**Author:** ![dan850](https://avatars.discourse-cdn.com/v4/letter/d/e9c0ed/32.png) [@dan850](https://discourse.processing.org/u/dan850)\
**Post date:** [December 1, 2018, 12:36am UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/6 "2018-12-01T00:36:03Z")

</div>

oh okay, my mistake. I was trying to make the links clickable:-)

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [December 1, 2018, 12:39am UTC](https://discourse.processing.org/t/how-can-i-make-my-game-create-a-new-ball-and-or-restart-the-code/6111/7 "2018-12-01T00:39:17Z")

</div>

They can be turned clickable in the former forum. 😏  
But in this 1, the `$` character is butchered. And I’ve got no more ideas on how to bypass that! 🤯