如何在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); 
}