Kis golyót kell irányitanod a fekete lyukba van gombod előre hatra's game

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

No:34809

←

Prev Next

→

Kis golyót kell irányitanod a fekete lyukba van go..ALL
Developer User16254｜Date and time 24/1/11 15:30:19
Build time 17.88 sec｜Game capacity 3.795KB｜

Script

Sure! Here's a simple game that meets your requirements:

This game is a simple gravity-based game where you have to control a ball using touch controls on a smartphone. The objective is to guide the ball into the black hole at the bottom of the screen. The ball is affected by gravity, and you can control its direction by touching the screen. Once the ball reaches the black hole, the game restarts. The game uses HTML5 canvas for rendering and JavaScript for game logic. The ball's velocity is updated based on touch input, and the ball's position is updated on every frame. The game loop is implemented using `setInterval`, and the `draw` function is called to render the game objects on the canvas. I hope you enjoy playing this game! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gravity Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
      let canvas, ctx;
      let ballX, ballY;
      let vx, vy; // Ball velocity

function init() {
        // Get canvas element and context
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

// Set initial ball position
        ballX = canvas.width / 2;
        ballY = canvas.height / 2;

// Set initial ball velocity
        vx = 0;
        vy = 0;

// Start game loop
        setInterval(update, 20);

// Add event listeners for touch controls
        canvas.addEventListener("touchstart", handleTouchStart);
        canvas.addEventListener("touchend", handleTouchEnd);

draw();
      }

function handleTouchStart(event) {
        // Calculate the direction based on touch position on the canvas
        let rect = canvas.getBoundingClientRect();
        let touchX = event.touches[0].clientX - rect.left;
        let touchY = event.touches[0].clientY - rect.top;

// Set ball velocity based on direction
        let dx = touchX - ballX;
        let dy = touchY - ballY;

// Limit the maximum speed of the ball
        let magnitude = Math.sqrt(dx * dx + dy * dy);
        if (magnitude > MAX_SPEED) {
          dx = (dx / magnitude) * MAX_SPEED;
          dy = (dy / magnitude) * MAX_SPEED;
        }

vx = dx;
        vy = dy;
      }

function handleTouchEnd() {
        // Reset ball velocity
        vx = 0;
        vy = 0;
      }

function update() {
        // Apply gravity to the ball's velocity
        vy += GRAVITY;

// Update ball position based on velocity
        ballX += vx;
        ballY += vy;

// Check for collision with the black hole
        if (
          ballY + BALL_RADIUS >= canvas.height &&
          ballX >= canvas.width / 2 - BALL_RADIUS &&
          ballX <= canvas.width / 2 + BALL_RADIUS
        ) {
          // Ball reached the black hole, game over
          alert("Game Over!");
          init(); // Restart the game
        }

draw();
      }
      
      function draw() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw black hole
        ctx.fillStyle = "#000";
        ctx.beginPath();
        ctx.arc(canvas.width / 2, canvas.height, BALL_RADIUS, 0, Math.PI, true);
        ctx.fill();

// Draw ball
        ctx.fillStyle = "#f00";
        ctx.beginPath();
        ctx.arc(ballX, ballY, BALL_RADIUS, 0, 2 * Math.PI, false);
        ctx.fill();
      }

init();
    };
  </script>
</body>
</html>
```

The game uses HTML5 canvas for rendering and JavaScript for game logic. The ball's velocity is updated based on touch input, and the ball's position is updated on every frame. The game loop is implemented using `setInterval`, and the `draw` function is called to render the game objects on the canvas.

I hope you enjoy playing this game! Let me know if you have any further questions.