本文整理汇总了TypeScript中app/asteroid-collection.AsteroidCollection类的典型用法代码示例。如果您正苦于以下问题：TypeScript AsteroidCollection类的具体用法？TypeScript AsteroidCollection怎么用？TypeScript AsteroidCollection使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了AsteroidCollection类的4个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: main
(function main() {
'use strict';
// Game Globals
const GAME_STATE = { START: 'START', PLAY: 'PLAY', PAUSE: 'PAUSE', OVER: 'OVER' };
let canvasContext = document.getElementById('GameCanvas').getContext('2d');
let gameState = GAME_STATE.START;
let gameScore = 0;
let gameLives = 3;
let viewPort = {
width: 720,
height: 480
};
//region Game
let playerShip = new Ship({viewPort, lasers: new LaserCollection()});
let asteroids = new AsteroidCollection({viewPort: viewPort});
let controls = new Controls();
let game = new Game({init, update, draw});
game.start();
function init() {
window.setInterval(() => {
if (gameState === GAME_STATE.PLAY) {
asteroids.addAsteroid();
}
}, 140 - (viewPort.width / 100));
}
function update() {
if (gameState === GAME_STATE.PLAY) {
asteroids.update();
playerShip.update();
checkShipAndAsteroidCollision();
checkShipLaserAndAsteroidCollision();
} else {
return;
}
}
function draw() {
canvasContext.clearRect(0, 0, viewPort.width, viewPort.height);
drawScore();
drawLives();
if (gameState === GAME_STATE.START) {
drawStartScreen();
} else if (gameState === GAME_STATE.PLAY) {
playerShip.draw(canvasContext);
asteroids.draw(canvasContext);
} else if (gameState === GAME_STATE.PAUSE) {
console.log('Paused');
} else if (gameState === GAME_STATE.OVER) {
endGame();
} else {
drawStartScreen();
}
}
function checkShipAndAsteroidCollision() {
asteroids.list.forEach((asteroid, index) => {
if (CollisionDetection.check(playerShip, asteroid)) {
asteroids.list.splice(index, 1);
removeLife();
}
});
};
function checkShipLaserAndAsteroidCollision() {
playerShip.lasers.list.forEach((laser, laserIndex) => {
asteroids.list.forEach((asteroid, asteroidIndex) => {
if (CollisionDetection.check(laser, asteroid)) {
playerShip.lasers.list.splice(laserIndex, 1);
asteroids.list.splice(asteroidIndex, 1);
addScore();
}
});
});
};
//endregion
//region Key Game Controls
controls.on('left', () => {
if (gameState === GAME_STATE.PLAY) {
playerShip.moveLeft();
}
});
controls.on('right', () => {
if (gameState === GAME_STATE.PLAY) {
playerShip.moveRight();
}
});
controls.on('up', () => {
if (gameState === GAME_STATE.PLAY) {
playerShip.moveUp();
}
});
//.........这里部分代码省略.........
示例2: update
function update() {
if (gameState === GAME_STATE.PLAY) {
asteroids.update();
playerShip.update();
checkShipAndAsteroidCollision();
checkShipLaserAndAsteroidCollision();
} else {
return;
}
}示例3: draw
function draw() {
canvasContext.clearRect(0, 0, viewPort.width, viewPort.height);
drawScore();
drawLives();
if (gameState === GAME_STATE.START) {
drawStartScreen();
} else if (gameState === GAME_STATE.PLAY) {
playerShip.draw(canvasContext);
asteroids.draw(canvasContext);
} else if (gameState === GAME_STATE.PAUSE) {
console.log('Paused');
} else if (gameState === GAME_STATE.OVER) {
endGame();
} else {
drawStartScreen();
}
}示例4:
window.setInterval(() => {
if (gameState === GAME_STATE.PLAY) {
asteroids.addAsteroid();
}
}, 140 - (viewPort.width / 100));