var y;

        var xdir;

        var ydir;

        var number;

        var result;

​

        function setup() {

            createCanvas(500, 500);

            frameRate(500);

            x = random(25, 475);

            y = 25;

            xdir = 5;

            ydir = 5;

            number = 0;

​

        }

​

        function draw() {

            display();

            move();

            Result = showthereselt();

        }

​

​

        function move() {

            x = x + xdir;

            y = y + ydir;

            bounce();

        }

​

        function bounce() {

            if (x + 25 > width) {

                xdir = xdir * -1;

            } else if (x - 25 < 0) {

                xdir = xdir * -1;

            } else if (y - 25 < 0) {

                ydir = ydir * -1;

            } else if (y + 25 >= 450 - 10 && y + 25 <= 450 + 10 && x >= mouseX - 50 && x <= mouseX + 50) {

                ydir *= -1;

                number += 1;

            }

​

​

​

            if (y - 25 > height) {

                y = 600;

                x = 600;

                textSize(50);

                fill(200, 0, 200);

                text("GAMEOVER", 100, 250);

                textSize(20);

                fill(0, 255, 0);

                text("Result:", 200, 310);

                text(Result, 200, 340);

            }

        }

​

​

        function display() {

            background(0, 0, 0, 80);

            fill(255, 255, 0);

            noStroke();

            ellipse(x, y, 50, 50);

​

​

            rectMode(CENTER);

            fill(250, 0, 0);

            rect(mouseX, 450, 100, 20);

​

​

            fill(0, 100, 100);

            textSize(10);

            text("Score:", 380, 60);

            text(number, 420, 60);

        }

​

​

        function showthereselt() {

            return number;

        }