AI game creator

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

No:15985

←

Prev Next

→

Baseball 3D game
Developer User7031｜Date and time 23/9/14 12:46:50
Build time 31.021 sec｜Game capacity 2.767KB｜

Script

Bienvenue dans le jeu de baseball 3D !

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Bienvenue dans le jeu de baseball 3D !

<!DOCTYPE html>
<html>
<head>
<title>Baseball 3D</title>
<style>
canvas {
  border: 1px solid black;
  display: block;
  margin: 0 auto;
}
</style>
</head>
<body>
<script>
// Code pour le jeu de baseball 3D

// Création du canvas
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
document.body.appendChild(canvas);

// Définition des variables
var ballRadius = 10;
var x = canvas.width / 2;
var y = canvas.height - 30;
var dx = 2;
var dy = -2;
var paddleHeight = 10;
var paddleWidth = 75;
var paddleX = (canvas.width - paddleWidth) / 2;
var rightPressed = false;
var leftPressed = false;
var score = 0;

// Gestion des événements clavier
document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);

// Mouvement de la raquette
function keyDownHandler(e) {
  if (e.keyCode === 39) {
    rightPressed = true;
  } else if (e.keyCode === 37) {
    leftPressed = true;
  }
}

function keyUpHandler(e) {
  if (e.keyCode === 39) {
    rightPressed = false;
  } else if (e.keyCode === 37) {
    leftPressed = false;
  }
}

// Dessin de la balle
function drawBall() {
  context.beginPath();
  context.arc(x, y, ballRadius, 0, Math.PI * 2);
  context.fillStyle = "#0095DD";
  context.fill();
  context.closePath();
}

// Dessin de la raquette
function drawPaddle() {
  context.beginPath();
  context.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
  context.fillStyle = "#0095DD";
  context.fill();
  context.closePath();
}

// Détection des collisions
function checkCollision() {
  if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
    dx = -dx;
  }
  if (y + dy < ballRadius) {
    dy = -dy;
  } else if (y + dy > canvas.height - ballRadius) {
    if (x > paddleX && x < paddleX + paddleWidth) {
      dy = -dy;
      score++;
    } else {
      // Game over
      alert("Game Over. Votre score est de " + score);
      document.location.reload();
    }
  }
}

// Dessin du score
function drawScore() {
  context.font = "16px Arial";
  context.fillStyle = "#0095DD";
  context.fillText("Score: " + score, 8, 20);
}

// Mise à jour et mouvement des objets
function update() {
  context.clearRect(0, 0, canvas.width, canvas.height);
  drawBall();
  drawPaddle();
  movePaddle();
  checkCollision();
  drawScore();
  x += dx;
  y += dy;
  requestAnimationFrame(update);
}

// Mouvement de la raquette
function movePaddle() {
  if (rightPressed && paddleX < canvas.width - paddleWidth) {
    paddleX += 7;
  } else if (leftPressed && paddleX > 0) {
    paddleX -= 7;
  }
}

// Lancement du jeu
update();

</script>
</body>
</html>