如何在HTML5和Javascript中存储游戏舞台上敌人的位置

Question

我正在尝试创造一款像《涂鸦跳跃》这样的游戏，我需要生成角色可以跳跃的线条，但我不知道如何做到这一点，也不知道如何存储角色可以跳跃的每一行的位置。随着游戏的发展，应该有一些东西来限制行数，使其变得越来越困难，但不会出现不可能的情况。

我的主要问题是什么是一个很好的方法来存储每行的位置?谢谢你的建议

Answer 1

这里有一个教程，向您展示如何使用HTML5 Canvas构建涂鸦跳跃风格的游戏http://michalbe.blogspot.com/2010/09/simple-game-with-html5-canvas-part-1.html。

在这个例子中，开发人员创建了一个平台对象数组，并将它们绘制到画布上，然后进行一些简单的碰撞检测:

http://michalbe.blogspot.com/2010/09/tutorial-simple-game-with-html5-canvas_19.html

var GameLoop = function(){
clear();
//MoveCircles(5);
DrawCircles();
if (player.isJumping) player.checkJump();
if (player.isFalling) player.checkFall();
platforms.forEach(function(platform){
platform.draw();
});
checkCollision();
player.draw();
gLoop = setTimeout(GameLoop, 1000 / 50);
}