p5实现一个人机对战打乒乓球小游戏代码
代码语言:html
所属分类:游戏
代码描述: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