Create Your Own Platformer Game with HTML and JavaScript
<html>
<head>
<title>Platformer Game</title>
<style>
canvas {
border: 1px solid #000000;
}
</style>
</head>
<body>
<canvas id='gameCanvas' width='480' height='320'></canvas>
<script>
var canvas;
var canvasContext;
var playerX = 40;
var playerY = 100;
var gravity = 0.25;
var playerVelocityY = 0;
<pre><code> window.onload = function() {
canvas = document.getElementById('gameCanvas');
canvasContext = canvas.getContext('2d');
setInterval(gameLoop, 1000/30);
}
function gameLoop() {
updateGame();
drawGame();
}
function updateGame() {
playerY += playerVelocityY;
playerVelocityY += gravity;
}
function drawGame() {
// Draw the player
canvasContext.fillStyle = 'blue';
canvasContext.fillRect(playerX, playerY, 40, 40);
}
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lnRd 著作权归作者所有。请勿转载和采集!