p5实现一个人机对战打乒乓球小游戏代码

代码语言:html

所属分类:游戏

代码描述:p5实现一个人机对战打乒乓球小游戏代码

代码标签: p5 乒乓球 游戏

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<style>
    html {  text-align: center;padding:100px;}
</style>
</head>

<body>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.dom.min.js"></script>
    <script>
        var player;
  var computer;
  var ball;
  var playerServe;
  var goalWaitPeriod = false;
  var sparks = [];
  var lightningForge;
  var isPlayerForcePush = false;
  var isCompForcePush = false;
  var xoff = 0;

  function setup() {
      var c = window.innerHeight <= 542 ? window.innerHeight - 20 : 522;
      var d = window.innerWidth <= 957 ? window.innerWidth - 20 : 937;
      createCanvas(d, c);
      player = new Player();
      computer = new Computer();
      ball = new Ball(width / 2, height / 2);
      scoreboard = new Scoreboard();
      playerServe = true;
      lightningForge = new LightningForge();
      textSize(32);
      textFont("Futura")
  }

  function draw() {
      if (goalWaitPeriod) {
          translate(random(-13, 13), random(-13, 13))
      }
      background(25);
      stroke(255);
      line(width / 2, 0, width / 2, height);
      player.update();
      if (keyIsDown(UP_ARROW)) {
          player.move(0, -7)
      } else {
          if (keyIsDown(DOWN_ARROW)) {
              player.move(0, 7)
          }
      }
      player.show();
      if (isPlayerForcePush) {
          player.paddle.forceUpdate("player")
      }
      computer.update();
      if (isCompForcePush) {
          computer.paddle.forceUpdate("computer")
      }
      computer.show();
      text(scoreboard.playerScore + " / 7", width / 2 - 140, 60);
      text(scoreboard.computerScore + " / 7", width / 2 + 60, 60);
      for (var c = sparks.length - 1; c >= 0; c--) {
          sparks[c].update();
          sparks[c].show();
          if (sparks[c].done().........完整代码请登录后点击上方下载按钮下载查看

网友评论0