a colour changing ball moving around with sin and cos's game

Click here for free DL of the app version that can save data.

No:9441

132

←

Prev Next

→

a colour changing ball moving around with sin and ..ALL
Developer User4359｜Date and time 23/7/24 21:51:05
Build time 19.107 sec｜Game capacity 2.278KB｜

Script

Sure! Here's an example of a game where you control a color-changing ball using sin and cos functions to move around within the game area. The game is implemented as a single HTML file, enclosed in script tags, and written in JavaScript.

This game will display a canvas with a ball that changes color and moves around using sin and cos functions. You can run this code directly in a browser, and the ball will start moving and changing color. It should work well on a smartphone too.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Color Changing Ball Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Ball properties
      var ballSize = 30;
      var ballX = canvas.width / 2;
      var ballY = canvas.height / 2;
      var ballSpeed = 2;
      var ballColor = "red";

// Game update function
      function update() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Update ball position using sin and cos functions
        ballX += Math.sin(Date.now() * 0.005) * ballSpeed;
        ballY += Math.cos(Date.now() * 0.003) * ballSpeed;

// Change ball color randomly
        ballColor = getRandomColor();

// Draw the ball
        context.beginPath();
        context.arc(ballX, ballY, ballSize, 0, Math.PI * 2);
        context.fillStyle = ballColor;
        context.fill();
        context.closePath();

// Call the update function again after a short delay
        requestAnimationFrame(update);
      }

// Utility function to get a random color
      function getRandomColor() {
        var letters = "0123456789ABCDEF";
        var color = "#";
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }

// Start the game loop
      update();
    };
  </script>
</body>
</html>
```